Skip to content

Mermaid Diagram Releases

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 handlingParseError bindable property exposes error messages for live editor validation
Feature
Programmatic APIMermaidParser.Parse() and SugiyamaLayoutEngine.Layout() available independently of the control for headless use
Feature
AOT-safe — Fully compatible with .NET trimming and NativeAOT