Demonstrates basic shape declarations (Rectangle, Process) and simple directed (`->`) and bidirectional (`<->`) relationship connections.
Demonstrates complex architecture layouts using `VerticalContainer` components, custom color theme overrides, styled connectors, and `@tags` decorator metadata for interactive layer filtering.
Shows component headers with lifelines (`lifeline: true`), child version sub-modules attached to lifelines, bridge arcs over intermediate vertical lifelines, and exterior call events (`LEFT -> ...`).
Visualizes a complete Git branching model with main, develop, and feature lanes, smooth Bézier merge/fork curves, slanted -45° commit hash badges, and specialized merge nodes.
Demonstrates the specialized radial mindmap layout engine with automatic root node detection, branch theme color inheritance, and organic Bézier connections.
Demonstrates the `Chart` component with custom numeric ranges (`4000 -> 11000`), formatted category axes, 3D columnar bar extrusion (`is3D: true`), line plots, and interactive hover tooltips.
Demonstrates the `Pie` component with custom slice labels, numeric values, custom color palettes (`colors: [#f0f0f0, #ff0000, ...]`), slice explosion hover animations, tooltips, and interactive legend.
Have a diagram pattern or workflow to share? DrakoFlow is open-source and community-driven. Submit your `.drako` scripts on GitHub to feature them in the gallery.
Submit Example on GitHub