Apps / Diagram Layout Engine

Diagram Layout Engine

A from-scratch layout engine for Mermaid flowcharts, with every stage of the pipeline visible.

Open Diagram Layout Engine ↗ Want one like this?

What it does

Type a flowchart in Mermaid-style text and get a clean, readable diagram. It handles many shapes, link styles, nested groups and color styling, and points to the exact line and column when something won't parse. You can switch themes, export SVG or PNG, share a link, and compare two versions of a diagram with added, removed and changed parts highlighted. A step-by-step inspector shows how the layout was built, which makes it useful for teaching graph drawing.

Good to know

Grouped sections are placed as fixed boxes, so a heavily connected group can come out wider than other diagram tools would draw it.

More for developers

ACR Draft

Write the accessibility report (VPAT) a university asks for before it buys your software: scans plus a guided review, exported to Word.

DevelopersSmall businesses Open ↗

Net Units

Measure how much code a change adds in syntax-level units instead of lines.

Developers Open ↗