Observed arrival · 2026-10-26
Wermaid adds manual layout control to Mermaid diagrams
Wermaid lets diagram authors adjust Mermaid layouts while storing those changes in comments that other renderers can ignore.
○Open
⊠Login
$Paid
†Ads
✦Pretty
●Pro
◎Niche
◉Human
⚑Risk
ƒJS
- For
- Mermaid diagram authors needing manual layout control
- Worth noticing
- The example stores node positions, subgraph sizes, edge-routing points, and rounded-edge styling in a comment block.
Field notes
The setup example registers a custom element alongside Mermaid 11.16.1, then places an optional `@layout v1` block inside `<wermaid-diagram>`. Its sample records node coordinates, subgraph dimensions, and selected edge waypoints. The page also documents palettes, edge styles, embedding, upgrading Mermaid blocks, and support limits; it says dragging shapes in the editor produces source that can be copied into a diagram.
Observed signals
Read the marks
Editorial observations of this landing page, not a rating.
○OpenPublic substance visible
✦PrettyNotable craft visible
◎NicheUnusually specific use
One card from the complete issue