Early Access · Reladraw + Mermaid

Review diagram changes like code

DiagramDiff highlights what moved between two diagram versions — moved nodes, new edges, deleted services — so your PR review stops being guesswork.

Free while in beta. No account required. Unsubscribe anytime.

Why Diagram Diffing Matters Right Now

Diagram-as-code tools have quietly become standard in engineering documentation. Mermaid, D2, Graphviz, and now Reladraw all let teams keep architecture diagrams in version control next to the code they describe. But there is a persistent complaint that surfaces in nearly every discussion thread about these tools: automatic layout is unpredictable. You change one line, and the entire graph rearranges itself. A node that sat comfortably in the top-left corner jumps to the bottom-right, edges cross in new places, and suddenly a two-line change produces a diff that looks like the whole diagram was rewritten.

Existing solutions do not address this. Mermaid's live editor shows you the current render but has no concept of a previous version. D2 ships a text-level diff command that tells you which lines changed, not which nodes moved. Graphviz can diff source files, but the output is a wall of text that tells you nothing about visual layout. None of these tools answer the question a reviewer actually asks: what changed in this picture, and does it matter? That gap is exactly where DiagramDiff sits.

The timing is right because the underlying signal is fresh. Reladraw recently appeared on Hacker News with a clear thesis — you decide where things go, not the layout engine — and it drew substantial discussion from developers who have been frustrated by automatic layout for years. That conversation confirms the pain is real and widely shared. DiagramDiff does not compete with these languages; it sits downstream of them, turning their output into something a team can actually review. The window is clean, the pain is documented, and the workflow gap is obvious to anyone who has ever tried to approve a diagram change in a pull request.

How It Works

1

Upload two versions

Drop in your before and after diagram source files — Reladraw or Mermaid — or point DiagramDiff at a Git commit range and let it pull both revisions automatically.

2

See the layout diff

DiagramDiff renders both versions side by side and overlays the changes: moved nodes outlined in orange, added nodes in green, deleted nodes as red ghosts, with a plain-text summary of every coordinate shift and edge reconnection.

3

Share the result

Export a single self-contained HTML file with no external dependencies. Paste the link into your pull request description so reviewers see exactly what changed without installing anything.

What You Get

Node-level precision

Every moved node is matched by identifier and compared on its exact coordinates, so you see that Auth Service shifted 120 pixels right instead of squinting at two renders and guessing what changed.

Shareable in one file

The output is a single static HTML document with inline SVG and no runtime dependencies. Drop the link into a pull request description and any reviewer can open it instantly, forever, without installing a tool.

Built for CI

A GitHub Action integration is on the roadmap so every pull request that touches a diagram file automatically receives a layout diff comment, keeping review context where your team already works.

Built on the Reladraw signal from Hacker News · No account required for beta · Your diagram source never leaves your browser