woodcut
A figure grammar for technical writing. Hover, expand, replay.
Every template below is one diagram type. Each answers one question, and each carries the same chrome: hover cards, a fullscreen view with zoom and a detail rail, variants, and scenario replay. Any type can also tell a narrated walkthrough. Pick the type by the question your prose asks.
Block diagram
<wc-block-diagram>
Where does it live? What talks to what?
Where a capture goes
Nothing writes to the graph directly. Every capture walks the same path, and one human decision sits in the middle of it.
State machine
<wc-state-machine>
What can happen? What are the states?
The life of a proposal
Five ways it can go. Pick a scenario and replay it.
Flowchart
<wc-flowchart>
Which way does it go? What decides?
When a proposal applies itself
Most writes wait for review. A narrow path applies on its own.
Swimlane
<wc-swimlane>
Who does what? Where does responsibility move?
Who does what
The same pipeline, redrawn to answer one question: where does responsibility change hands?
Sequence
<wc-sequence>
In what order? Who calls whom?
One capture, end to end
Time runs down. Solid arrows call; dashed arrows answer.
Narrated walkthrough
steps[].title · body · record
What happens, one step at a time?
How a release reaches the registry
A narrated scenario tells a story on any diagram type. Each step adds a title, a sentence or two, and a record of what the system holds now. The stage follows: new elements enter, the active one wears a ring, and the active arrow draws itself. Click the diagram or press the arrow keys to move.