Diagram Editor
SFWA • all state in URL hash
OK hash: 0 chars
Edit text → diagram updates → URL updates. Drag nodes → positions saved in URL.

Diagram definition language

# starts a comment. Inline comments are supported.
Node line: n [size] [shape] [color] [url] [text...]
Edge line: a -> b (-> c ...) [size] [lineStyle] [color] [url] [text...]
Attribute order is fixed: size, style, color, URL fragment, text — but any can be omitted.
URL token: /example.com becomes https://example.com. You can also use https://... directly.
A line containing only a supported color name sets the diagram background color.

Reserved words

Node shapes (style)
    Node sizes
      Colors
        Edge line styles (style)

          Interactions

          drag move nodes hover see node/edge text click follow node/edge link
          Tip: use Commit snapshot to create Back/Forward checkpoints while you edit.
          Shareable state: source + node positions are encoded in the URL hash.
          Try: edit the text, then copy the URL.