loadmap

An architecture diagram whose parts are live. Dots show the load flowing through the system, controls change the load and the design, and a ranked list shows which part runs out first, and at what multiple of today's load.

Try: drag the load, or click 7.4× under it, where the gateway reaches its target · switch to Proposed · ▶ Play the story.

This is the checkout pipeline. Every number in the verdict comes from a capacity that says where it came from: measured, estimated (with how sure), or fitted from measurements. Its page adds the headroom chart, the exports, and the promises it keeps.

What it is for

• Deciding. Set today beside a proposal and see which one buys more headroom, and roughly when each runs out.
• Explaining. Share a link, put a GIF in a pull request, walk a design review through a story.
• Keeping it true. loadmap check fails a build when a change loses the headroom a model promises.

Start

npm i @loadmap/react react react-dom

Getting started has a model on your page in a few minutes. You can also write a model as text, in the editor or in your own, or start from an example.