Mermaid Diagram Releases
v1.0 - TBD
Section titled “v1.0 - TBD” Feature
MermaidDiagramControl — MAUI
ContentView that parses Mermaid flowchart syntax and renders diagrams natively using MAUI Graphics Feature
Mermaid parser — Hand-written recursive-descent parser supporting
graph/flowchart keywords with TD, LR, BT, RL directions Feature
Node shapes — Rectangle, rounded rectangle, stadium
([text]), circle ((text)), diamond {text}, and hexagon {{text}} Feature
Edge styles — Solid
-->, dotted -.->, and thick ==> lines with arrow or open endings and optional |label| syntax Feature
Edge chaining — Parser supports
A --> B --> C chain syntax creating multiple edges in a single statement Feature
Subgraph support — Nested
subgraph/end blocks with titles and bracket syntax subgraph id [Title] Feature
Sugiyama layout engine — Automatic layered graph layout with cycle removal, layer assignment, crossing minimization, node positioning, and edge routing
Feature
4 built-in themes — Default (blue/white), Dark (navy/red), Forest (green), and Neutral (gray) themes with full customization via
DiagramTheme subclassing Feature
Per-node styling — Override
GetNodeStyle(int index) on a theme to vary node colors by position Feature
Gesture support — Pan and pinch-to-zoom gestures with
AllowPanning and AllowZooming toggle properties Feature
DiagramLayoutOptions — Configurable node width/height, horizontal/vertical spacing, subgraph padding, font size, and margin
Feature
Parse error handling —
ParseError bindable property exposes error messages for live editor validation Feature
Programmatic API —
MermaidParser.Parse() and SugiyamaLayoutEngine.Layout() available independently of the control for headless use Feature
AOT-safe — Fully compatible with .NET trimming and NativeAOT