TL;DR Spent today rebuilding two training diagrams — a layered reference architecture and...
TL;DR
Spent today rebuilding two training diagrams — a layered reference architecture and a workflow swimlane — as single-file HTML instead of exported images.
The trick: data in a plain JS array, layout in CSS Grid, connectors in an SVG overlay measured at runtime.
Result: diagrams you can step through, click into, and hand over as one file that opens offline.
Why not just export a PNG?
Disclosure up front: I'm affiliated with diagram.now — I'm connected to the product. I'm posting...
I have a confession: I've spent more of my career arranging rectangles in Lucidchart than I'd like to...
Drawing architecture diagrams by hand is tedious. You drag boxes around, align icons, fix arrows, and...
I spend more time than I want to admit redrawing architecture diagrams every time a service moves....
Architecture diagrams have a habit of going stale the moment you redraw them. The boxes stop matching...
A frontier model drew my 44-node architecture and drew it wrong — but not in the way everyone says. Here's the boundary I think…
