The Grafloria blog

Hi — we build Grafloria, and we've spent years making the same diagram and dashboard mistakes you might be fighting right now. This blog is two things: honest write-ups of problems we see developers hit (Mermaid diagrams that outgrow their text, dashboards that desync, diagrams that quietly lie), and deep-dives into how the engine works, with the real numbers. Our rule for publishing: if a post doesn't teach you something useful even if you never install Grafloria, it doesn't ship.

Sub-flows, groups, containers: why nesting breaks every flow library

August 22, 2026 — The most-requested feature in the flow-library world, and why half-shipping it is worse than not shipping it.

diagrams dashboards react

Draggable edges that stay routed

August 22, 2026 — The top-voted react-flow question on Stack Overflow, answered: bends as model state the router treats as constraints.

diagrams edges react

The Angular diagram-library problem, and how not to get stranded again

August 22, 2026 — "Angular 15 not supported" has 23 upvotes and years of silence. Four demands to make of any diagram dependency.

angular diagrams

Auto-layout you don't have to build

August 22, 2026 — Issue #5, still generating wiring tutorials. What the tutorials skip, and the one call that absorbs it.

layout react angular vue

Custom nodes without the props mystery

August 22, 2026 — 35,000 developers have viewed two questions that are really one: who owns a node's data? The mental model, in three frameworks.

react angular vue

Build a workflow editor in Vue 3 — the whole thing

August 22, 2026 — Slot nodes, connection rules, undo, layout and a save format — Vue idiom the whole way.

vue tutorial diagrams

A dashboard is three problems wearing one grid

August 22, 2026 — Drag-and-drop is the demo. The product is keeping layout, widget state and persistence in sync while users drag, resize, undo and reload.

dashboards

Ways a diagram can lie to your users

August 22, 2026 — Three edges that render as one. A line that might connect or might pass behind. Diagram bugs your tests never catch.

diagrams edges

When your Mermaid diagram grows up

August 22, 2026 — The invisible-node trick, the direction shuffle, the print surrender — and how to keep your text while getting your hands back.

mermaid diagrams

How obstacle-avoiding edge routing works

August 22, 2026 — A spatial hash, a family of grid searches with explicit turn costs, three cache layers, and user waypoints treated as constraints.

engine routing diagrams