sirena 0.1.0

data/examples/flowchart/README.adoc

@@ -0,0 +1,167 @@
+= Flowchart Examples
+
+== Purpose
+
+Flowcharts visualize processes, workflows, and decision trees using nodes and directed edges. They are ideal for representing algorithms, business processes, and system logic flows.
+
+== When to Use
+
+* Process documentation and standard operating procedures
+* Algorithm visualization and pseudocode representation  
+* Decision tree mapping and workflow design
+* System flow diagrams and state transitions
+* Business process modeling (BPM)
+
+== Syntax Overview
+
+[source,mermaid]
+----
+graph TD
+    A[Rectangle Node]
+    B{Decision Node}
+    C([Rounded Node])
+    
+    A --> B
+    B -->|Yes| C
+    B -->|No| A
+----
+
+**Direction**: `TD` (top-down), `LR` (left-right), `BT` (bottom-top), `RL` (right-left)
+
+**Node Shapes**:
+- `[text]` - Rectangle
+- `(text)` - Rounded rectangle
+- `([text])` - Stadium/pill shape
+- `[[text]]` - Subroutine
+- `[(text)]` - Database/cylinder
+- `((text))` - Circle
+- `{text}` - Rhombus/decision
+- `{{text}}` - Hexagon
+
+**Edge Types**:
+- `-->` - Arrow
+- `---` - Line
+- `-.->` - Dotted arrow
+- `-.-` - Dotted line
+- `==>` - Thick arrow
+- `===` - Thick line
+
+== Examples
+
+=== 01: Basic Flow
+
+Demonstrates fundamental flowchart structure with start/end nodes, process steps, and decision points.
+
+**File**: link:01-basic-flow.mmd[01-basic-flow.mmd]
+
+[source,mermaid]
+----
+include::01-basic-flow.mmd[]
+----
+
+image::01-basic-flow.svg[]
+
+=== 02: Node Shapes
+
+Showcases all available node shapes in Sirena flowcharts.
+
+**File**: link:02-node-shapes.mmd[02-node-shapes.mmd]
+
+[source,mermaid]
+----
+include::02-node-shapes.mmd[]
+----
+
+image::02-node-shapes.svg[]
+
+=== 03: Edge Types
+
+Demonstrates different edge/connection styles including arrows, lines, dotted, thick, and labeled edges.
+
+**File**: link:03-edge-types.mmd[03-edge-types.mmd]
+
+[source,mermaid]
+----
+include::03-edge-types.mmd[]
+----
+
+image::03-edge-types.svg[]
+
+=== 04: Subgraphs
+
+Shows how to group related nodes using subgraphs to represent system boundaries or logical groupings.
+
+**File**: link:04-subgraphs.mmd[04-subgraphs.mmd]
+
+[source,mermaid]
+----
+include::04-subgraphs.mmd[]
+----
+
+image::04-subgraphs.svg[]
+
+=== 05: Styling
+
+Illustrates custom styling with classDef and linkStyle for colored nodes and edges.
+
+**File**: link:05-styling.mmd[05-styling.mmd]  
+
+[source,mermaid]
+----
+include::05-styling.mmd[]
+----
+
+image::05-styling.svg[]
+
+=== 06: Complex Flow
+
+Demonstrates a realistic complex workflow with multiple paths, error handling, and state management.
+
+**File**: link:06-complex-flow.mmd[06-complex-flow.mmd]
+
+[source,mermaid]  
+----
+include::06-complex-flow.mmd[]
+----
+
+image::06-complex-flow.svg[]
+
+== Features Demonstrated
+
+[%header,cols="1,1"]
+|===
+| Feature | Example
+
+| Basic node and edge creation
+| 01
+
+| All node shapes
+| 02
+
+| All edge types and labels
+| 03
+
+| Subgraphs/grouping
+| 04
+
+| Custom styling (classDef, linkStyle)
+| 05
+
+| Complex multi-path workflows
+| 06
+
+| Decision points and branching
+| 01, 06
+
+| Error handling patterns
+| 01, 06
+
+| Process loops
+| 06
+|===
+
+== Additional Resources
+
+* link:../../README.adoc[Main Documentation]
+* link:../../docs/diagrams/flowchart.adoc[Flowchart Full Reference] (if exists)
+* https://mermaid.js.org/syntax/flowchart.html[Mermaid Flowchart Documentation]

data/examples/gantt/01-simple-timeline.*

@@ -0,0 +1,14 @@
+gantt
+    title Project Development Timeline
+    dateFormat YYYY-MM-DD
+    section Planning
+    Requirements Gathering : a1, 2024-01-01, 15d
+    Design Phase : a2, after a1, 10d
+    section Development
+    Backend Development : a3, after a2, 30d
+    Frontend Development : a4, after a2, 30d
+    Integration : a5, after a3, 10d
+    section Testing
+    Unit Testing : after a3, 15d
+    Integration Testing : after a5, 10d
+    User Acceptance : after Integration Testing, 5d

data/examples/gantt/01-simple-timeline.mmd

@@ -0,0 +1,6 @@
+gantt
+    title Project Schedule
+    dateFormat YYYY-MM-DD
+    section Phase 1
+    Task 1           :2024-01-01, 30d
+    Task 2           :2024-02-01, 45d

data/examples/gantt/01-simple-timeline.svg

@@ -0,0 +1,26 @@
+<svg
+ width="1050.0"
+ height="290.0"
+ viewBox="0 0 1050 290"
+ version="1.2"
+ xmlns="http://www.w3.org/2000/svg"
+>
+<text fill="#000000" x="600.0" y="40.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="16.0" font-weight="bold">Project Schedule</text>
+<rect fill="#ffffff" stroke="#000000" stroke-width="1" x="200.0" y="80.0" width="800.0" height="40.0"/>
+<text fill="#000000" x="200.0" y="110.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">11-15</text>
+<text fill="#000000" x="375.0" y="110.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">11-22</text>
+<text fill="#000000" x="550.0" y="110.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">11-29</text>
+<text fill="#000000" x="725.0" y="110.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">12-06</text>
+<text fill="#000000" x="900.0" y="110.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">12-13</text>
+<line stroke="#000000" stroke-width="1" x1="200.0" y1="120.0" x2="200.0" y2="240.0" stroke-dasharray="2,2"/>
+<line stroke="#000000" stroke-width="1" x1="375.0" y1="120.0" x2="375.0" y2="240.0" stroke-dasharray="2,2"/>
+<line stroke="#000000" stroke-width="1" x1="550.0" y1="120.0" x2="550.0" y2="240.0" stroke-dasharray="2,2"/>
+<line stroke="#000000" stroke-width="1" x1="725.0" y1="120.0" x2="725.0" y2="240.0" stroke-dasharray="2,2"/>
+<line stroke="#000000" stroke-width="1" x1="900.0" y1="120.0" x2="900.0" y2="240.0" stroke-dasharray="2,2"/>
+<rect fill="#f0f0f0" stroke="none" x="0.0" y="120.0" width="1050.0" height="30.0"/>
+<text fill="#000000" x="10.0" y="135.0" font-family="Arial, Helvetica, sans-serif" font-size="14" font-weight="bold" dominant-baseline="middle">Phase 1</text>
+<text fill="#000000" x="10.0" y="170.0" font-family="Arial, Helvetica, sans-serif" font-size="12.0" dominant-baseline="middle">Task 1</text>
+<rect fill="#428BCA" stroke="#000000" stroke-width="1" x="200.0" y="158.0" width="20.0" height="24.0" rx="3.0" ry="3.0"/>
+<text fill="#000000" x="10.0" y="210.0" font-family="Arial, Helvetica, sans-serif" font-size="12.0" dominant-baseline="middle">Task 2</text>
+<rect fill="#428BCA" stroke="#000000" stroke-width="1" x="200.0" y="198.0" width="20.0" height="24.0" rx="3.0" ry="3.0"/>
+</svg>

data/examples/gantt/02-task-dependencies.mmd

@@ -0,0 +1,6 @@
+gantt
+    title Project Schedule
+    dateFormat YYYY-MM-DD
+    section Phase 1
+    Task 1           :2024-01-01, 30d
+    Task 2           :2024-02-01, 45d

data/examples/gantt/02-task-dependencies.svg

@@ -0,0 +1,26 @@
+<svg
+ width="1050.0"
+ height="290.0"
+ viewBox="0 0 1050 290"
+ version="1.2"
+ xmlns="http://www.w3.org/2000/svg"
+>
+<text fill="#000000" x="600.0" y="40.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="16.0" font-weight="bold">Project Schedule</text>
+<rect fill="#ffffff" stroke="#000000" stroke-width="1" x="200.0" y="80.0" width="800.0" height="40.0"/>
+<text fill="#000000" x="200.0" y="110.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">11-15</text>
+<text fill="#000000" x="375.0" y="110.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">11-22</text>
+<text fill="#000000" x="550.0" y="110.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">11-29</text>
+<text fill="#000000" x="725.0" y="110.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">12-06</text>
+<text fill="#000000" x="900.0" y="110.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">12-13</text>
+<line stroke="#000000" stroke-width="1" x1="200.0" y1="120.0" x2="200.0" y2="240.0" stroke-dasharray="2,2"/>
+<line stroke="#000000" stroke-width="1" x1="375.0" y1="120.0" x2="375.0" y2="240.0" stroke-dasharray="2,2"/>
+<line stroke="#000000" stroke-width="1" x1="550.0" y1="120.0" x2="550.0" y2="240.0" stroke-dasharray="2,2"/>
+<line stroke="#000000" stroke-width="1" x1="725.0" y1="120.0" x2="725.0" y2="240.0" stroke-dasharray="2,2"/>
+<line stroke="#000000" stroke-width="1" x1="900.0" y1="120.0" x2="900.0" y2="240.0" stroke-dasharray="2,2"/>
+<rect fill="#f0f0f0" stroke="none" x="0.0" y="120.0" width="1050.0" height="30.0"/>
+<text fill="#000000" x="10.0" y="135.0" font-family="Arial, Helvetica, sans-serif" font-size="14" font-weight="bold" dominant-baseline="middle">Phase 1</text>
+<text fill="#000000" x="10.0" y="170.0" font-family="Arial, Helvetica, sans-serif" font-size="12.0" dominant-baseline="middle">Task 1</text>
+<rect fill="#428BCA" stroke="#000000" stroke-width="1" x="200.0" y="158.0" width="20.0" height="24.0" rx="3.0" ry="3.0"/>
+<text fill="#000000" x="10.0" y="210.0" font-family="Arial, Helvetica, sans-serif" font-size="12.0" dominant-baseline="middle">Task 2</text>
+<rect fill="#428BCA" stroke="#000000" stroke-width="1" x="200.0" y="198.0" width="20.0" height="24.0" rx="3.0" ry="3.0"/>
+</svg>

data/examples/gantt/README.adoc

@@ -0,0 +1,86 @@
+= Gantt Chart Examples
+
+== Purpose
+
+Gantt charts visualize project schedules, showing tasks, their durations, dependencies, and milestones over time. Essential for project management and timeline planning.
+
+== When to Use
+
+* Project planning and scheduling
+* Task dependency visualization
+* Resource allocation planning
+* Timeline communication with stakeholders
+* Progress tracking and reporting
+
+== Syntax Overview
+
+[source,mermaid]
+----
+gantt
+    title Project Schedule
+    dateFormat YYYY-MM-DD
+    section Phase 1
+    Task 1 :a1, 2024-01-01, 30d
+    Task 2 :after a1, 20d
+----
+
+**Date Formats**: `YYYY-MM-DD`, `YYYY-MM-DD HH:mm`
+
+**Task Dependencies**:
+- `after taskId` - Start after another task
+- `taskId, duration` - Explicit duration
+
+== Examples
+
+=== 01: Simple Timeline
+
+Demonstrates basic Gantt chart with sequential tasks and sections.
+
+**File**: link:01-simple-timeline.mmd[01-simple-timeline.mmd]
+
+[source,mermaid]
+----
+include::01-simple-timeline.mmd[]
+----
+
+image::01-simple-timeline.svg[]
+
+=== 02: Task Dependencies
+
+Showcases task dependencies and parallel execution paths.
+
+**File**: link:02-task-dependencies.mmd[02-task-dependencies.mmd]
+
+[source,mermaid]
+----
+include::02-task-dependencies.mmd[]
+----
+
+image::02-task-dependencies.svg[]
+
+== Features Demonstrated
+
+[%header,cols="1,1"]
+|===
+| Feature | Example
+
+| Basic task scheduling
+| 01, 02
+
+| Section grouping
+| 01, 02
+
+| Task dependencies
+| 02
+
+| Duration specification
+| 01, 02
+
+| Timeline visualization
+| 01, 02
+|===
+
+== Additional Resources
+
+* link:../../README.adoc[Main Documentation]
+* https://mermaid.js.org/syntax/gantt.html[Mermaid Gantt Documentation]

data/examples/git_graph/01-linear-history.mmd

@@ -0,0 +1,12 @@
+gitGraph
+    commit id: "Initial commit"
+    branch develop
+    checkout develop
+    commit id: "Add feature A"
+    commit id: "Add feature B"
+    checkout main
+    merge develop
+    branch hotfix
+    commit id: "Fix critical bug"
+    checkout main
+    merge hotfix

data/examples/git_graph/01-linear-history.svg

@@ -0,0 +1,26 @@
+<svg
+ width="640.0"
+ height="380.0"
+ viewBox="0 0 640.0 380.0"
+ version="1.2"
+ xmlns="http://www.w3.org/2000/svg"
+>
+<line fill="none" stroke="#db2777" stroke-width="2" x1="200.0" y1="220.0" x2="280.0" y2="220.0"/>
+<path fill="none" stroke="#7c3aed" stroke-width="2" d="M 120 160 L 360 160" stroke-dasharray="5,3"/>
+<line fill="none" stroke="#7c3aed" stroke-width="2" x1="360.0" y1="160.0" x2="440.0" y2="160.0"/>
+<path fill="none" stroke="#7c3aed" stroke-width="2" d="M 440 160 L 520 160" stroke-dasharray="5,3"/>
+<circle fill="#7c3aed" stroke="#7c3aed" stroke-width="2" cx="120.0" cy="160.0" r="8.0"/>
+<circle fill="#db2777" stroke="#db2777" stroke-width="2" cx="200.0" cy="220.0" r="8.0"/>
+<circle fill="#db2777" stroke="#db2777" stroke-width="2" cx="280.0" cy="220.0" r="8.0"/>
+<circle fill="#7c3aed" stroke="#7c3aed" stroke-width="2" cx="360.0" cy="160.0" r="8.0"/>
+<circle fill="#7c3aed" stroke="#7c3aed" stroke-width="2" cx="440.0" cy="160.0" r="8.0"/>
+<circle fill="#7c3aed" stroke="#7c3aed" stroke-width="2" cx="520.0" cy="160.0" r="8.0"/>
+<text fill="#000000" x="120.0" y="180.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">Initial commit</text>
+<text fill="#000000" x="200.0" y="240.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">Add feature A</text>
+<text fill="#000000" x="280.0" y="240.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">Add feature B</text>
+<text fill="#000000" x="360.0" y="180.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">commit-4</text>
+<text fill="#000000" x="440.0" y="180.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">Fix critical bug</text>
+<text fill="#000000" x="520.0" y="180.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">commit-6</text>
+<text fill="#2563eb" x="535.0" y="164.0" text-anchor="start" font-family="Arial, Helvetica, sans-serif" font-size="12.0" font-weight="bold">main</text>
+<text fill="#db2777" x="295.0" y="224.0" text-anchor="start" font-family="Arial, Helvetica, sans-serif" font-size="12.0" font-weight="bold">develop</text>
+</svg>

data/examples/git_graph/02-branching.mmd

@@ -0,0 +1,12 @@
+gitGraph
+    commit id: "Initial commit"
+    branch develop
+    checkout develop
+    commit id: "Add feature A"
+    commit id: "Add feature B"
+    checkout main
+    merge develop
+    branch hotfix
+    commit id: "Fix critical bug"
+    checkout main
+    merge hotfix

data/examples/git_graph/02-branching.svg

@@ -0,0 +1,26 @@
+<svg
+ width="640.0"
+ height="380.0"
+ viewBox="0 0 640.0 380.0"
+ version="1.2"
+ xmlns="http://www.w3.org/2000/svg"
+>
+<line fill="none" stroke="#db2777" stroke-width="2" x1="200.0" y1="220.0" x2="280.0" y2="220.0"/>
+<path fill="none" stroke="#7c3aed" stroke-width="2" d="M 120 160 L 360 160" stroke-dasharray="5,3"/>
+<line fill="none" stroke="#7c3aed" stroke-width="2" x1="360.0" y1="160.0" x2="440.0" y2="160.0"/>
+<path fill="none" stroke="#7c3aed" stroke-width="2" d="M 440 160 L 520 160" stroke-dasharray="5,3"/>
+<circle fill="#7c3aed" stroke="#7c3aed" stroke-width="2" cx="120.0" cy="160.0" r="8.0"/>
+<circle fill="#db2777" stroke="#db2777" stroke-width="2" cx="200.0" cy="220.0" r="8.0"/>
+<circle fill="#db2777" stroke="#db2777" stroke-width="2" cx="280.0" cy="220.0" r="8.0"/>
+<circle fill="#7c3aed" stroke="#7c3aed" stroke-width="2" cx="360.0" cy="160.0" r="8.0"/>
+<circle fill="#7c3aed" stroke="#7c3aed" stroke-width="2" cx="440.0" cy="160.0" r="8.0"/>
+<circle fill="#7c3aed" stroke="#7c3aed" stroke-width="2" cx="520.0" cy="160.0" r="8.0"/>
+<text fill="#000000" x="120.0" y="180.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">Initial commit</text>
+<text fill="#000000" x="200.0" y="240.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">Add feature A</text>
+<text fill="#000000" x="280.0" y="240.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">Add feature B</text>
+<text fill="#000000" x="360.0" y="180.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">commit-4</text>
+<text fill="#000000" x="440.0" y="180.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">Fix critical bug</text>
+<text fill="#000000" x="520.0" y="180.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="12.0">commit-6</text>
+<text fill="#2563eb" x="535.0" y="164.0" text-anchor="start" font-family="Arial, Helvetica, sans-serif" font-size="12.0" font-weight="bold">main</text>
+<text fill="#db2777" x="295.0" y="224.0" text-anchor="start" font-family="Arial, Helvetica, sans-serif" font-size="12.0" font-weight="bold">develop</text>
+</svg>

data/examples/git_graph/README.adoc

@@ -0,0 +1,73 @@
+= Git Graph Examples
+
+== Purpose
+
+Git graph diagrams visualize Git repository history, showing commits, branches, merges, and tags in a timeline format.
+
+== When to Use
+
+* Visualizing Git branching strategies
+* Documenting release workflows
+* Teaching Git concepts
+* Planning merge strategies
+* Illustrating version control flows
+
+== Syntax Overview
+
+[source,mermaid]
+----
+gitGraph
+    commit
+    branch develop
+    checkout develop
+    commit
+    checkout main
+    merge develop
+----
+
+== Examples
+
+=== 01: Linear History
+
+Demonstrates basic Git history with sequential commits.
+
+**File**: link:01-linear-history.mmd[01-linear-history.mmd]
+
+[source,mermaid]
+----
+include::01-linear-history.mmd[]
+----
+
+image::01-linear-history.svg[]
+
+=== 02: Branching
+
+Showcases branching and merging workflows.
+
+**File**: link:02-branching.mmd[02-branching.mmd]
+
+image::02-branching.svg[]
+
+== Features Demonstrated
+
+[%header,cols="1,1"]
+|===
+| Feature | Example
+
+| Linear commit history
+| 01
+
+| Branch creation
+| 02
+
+| Merge operations
+| 02
+
+| Multiple branches
+| 02
+|===
+
+== Additional Resources
+
+* link:../../README.adoc[Main Documentation]
+* https://mermaid.js.org/syntax/gitgraph.html[Mermaid Git Graph Documentation]

data/examples/info/02-showinfo.mmd

@@ -0,0 +1 @@
+info showInfo

data/examples/info/02-showinfo.svg

@@ -0,0 +1,10 @@
+<svg
+ width="500.0"
+ height="200.0"
+ viewBox="0 0 500 200"
+ version="1.2"
+ xmlns="http://www.w3.org/2000/svg"
+>
+<rect fill="#E3F2FD" stroke="#000000" stroke-width="2" x="50.0" y="50.0" width="400.0" height="100.0" rx="8.0" ry="8.0"/>
+<text fill="#000000" x="250.0" y="105.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="16" font-weight="bold">Info: showInfo enabled</text>
+</svg>

data/examples/info/README.adoc

@@ -0,0 +1,58 @@
+= Info Diagram Examples
+
+== Purpose
+
+Info diagrams display informational messages and notices in a standardized format within documentation.
+
+== When to Use
+
+* Information display
+* Notice visualization
+* Announcement formatting
+* Help text display
+* Status messages
+
+== Syntax Overview
+
+[source,mermaid]
+----
+info
+    title Information
+    showInfo
+----
+
+== Examples
+
+=== 01: Show Info (missing file)
+
+Basic info diagram example.
+
+=== 02: Show Info
+
+Demonstrates info message display.
+
+**File**: link:02-showinfo.mmd[02-showinfo.mmd]
+
+[source,mermaid]
+----
+include::02-showinfo.mmd[]
+----
+
+image::02-showinfo.svg[]
+
+== Features Demonstrated
+
+[%header,cols="1,1"]
+|===
+| Feature | Example
+
+| Info display
+| 02
+
+| Title display
+| 02
+|===
+
+== Additional Resources
+
+* link:../../README.adoc[Main Documentation]

data/examples/info_showinfo_example.svg

@@ -0,0 +1,10 @@
+<svg
+ width="500.0"
+ height="200.0"
+ viewBox="0 0 500 200"
+ version="1.2"
+ xmlns="http://www.w3.org/2000/svg"
+>
+<rect fill="#E3F2FD" stroke="#000000" stroke-width="2" x="50.0" y="50.0" width="400.0" height="100.0" rx="8.0" ry="8.0"/>
+<text fill="#000000" x="250.0" y="105.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="16" font-weight="bold">Info: showInfo enabled</text>
+</svg>

data/examples/kanban/01-simple-board.mmd

@@ -0,0 +1,8 @@
+kanban
+  todo[Todo]
+    docs[Create Documentation]@{ priority: 'High', ticket: 'DOC-001' }
+    tests[Write Tests]@{ assigned: 'dev1' }
+  doing[In Progress]
+    feature[Implement Feature X]@{ priority: 'Critical', ticket: 'FEAT-023', assigned: 'dev2' }
+  done[Done]
+    release[Release v1.0]

data/examples/kanban/01-simple-board.svg

@@ -0,0 +1,43 @@
+<svg
+ width="800.0"
+ height="379.0"
+ viewBox="0 0 800.0 379.0"
+ version="1.2"
+ xmlns="http://www.w3.org/2000/svg"
+>
+<rect fill="#ffffff" stroke="#d1d5db" stroke-width="1" x="40.0" y="40.0" width="200.0" height="299.0" rx="8.0" ry="8.0"/>
+<rect fill="#007bff" x="40.0" y="40.0" width="200.0" height="50.0" rx="8.0" ry="8.0"/>
+<text fill="#ffffff" x="140.0" y="70.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="14" font-weight="bold">Todo</text>
+<rect fill="#ffffff" opacity="0.3" x="215.0" y="55.0" width="20.0" height="20.0" rx="10.0" ry="10.0"/>
+<text fill="#ffffff" x="225.0" y="69.0" text-anchor="middle" font-size="11" font-weight="bold">2</text>
+<rect fill="#ffffff" stroke="#d1d5db" stroke-width="1" x="300.0" y="40.0" width="200.0" height="204.0" rx="8.0" ry="8.0"/>
+<rect fill="#007bff" x="300.0" y="40.0" width="200.0" height="50.0" rx="8.0" ry="8.0"/>
+<text fill="#ffffff" x="400.0" y="70.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="14" font-weight="bold">In Progress</text>
+<rect fill="#ffffff" opacity="0.3" x="475.0" y="55.0" width="20.0" height="20.0" rx="10.0" ry="10.0"/>
+<text fill="#ffffff" x="485.0" y="69.0" text-anchor="middle" font-size="11" font-weight="bold">1</text>
+<rect fill="#ffffff" stroke="#d1d5db" stroke-width="1" x="560.0" y="40.0" width="200.0" height="150.0" rx="8.0" ry="8.0"/>
+<rect fill="#007bff" x="560.0" y="40.0" width="200.0" height="50.0" rx="8.0" ry="8.0"/>
+<text fill="#ffffff" x="660.0" y="70.0" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="14" font-weight="bold">Done</text>
+<rect fill="#ffffff" opacity="0.3" x="735.0" y="55.0" width="20.0" height="20.0" rx="10.0" ry="10.0"/>
+<text fill="#ffffff" x="745.0" y="69.0" text-anchor="middle" font-size="11" font-weight="bold">1</text>
+<rect fill="#ffffff" stroke="#d1d5db" stroke-width="1" x="50.0" y="100.0" width="180.0" height="116.0" rx="6.0" ry="6.0"/>
+<text fill="#1f2937" x="60.0" y="125.0" font-family="Arial, Helvetica, sans-serif" font-size="13">Create Documentation</text>
+<text fill="#6c757d" x="60.0" y="150.0" font-family="Arial, Helvetica, sans-serif" font-size="10">Ticket:</text>
+<text fill="#1f2937" x="120.0" y="150.0" font-family="Arial, Helvetica, sans-serif" font-size="10" font-weight="bold">DOC-001</text>
+<text fill="#6c757d" x="60.0" y="168.0" font-family="Arial, Helvetica, sans-serif" font-size="10">Priority:</text>
+<text fill="#1f2937" x="120.0" y="168.0" font-family="Arial, Helvetica, sans-serif" font-size="10" font-weight="bold">High</text>
+<rect fill="#ffffff" stroke="#d1d5db" stroke-width="1" x="50.0" y="231.0" width="180.0" height="98.0" rx="6.0" ry="6.0"/>
+<text fill="#1f2937" x="60.0" y="256.0" font-family="Arial, Helvetica, sans-serif" font-size="13">Write Tests</text>
+<text fill="#6c757d" x="60.0" y="281.0" font-family="Arial, Helvetica, sans-serif" font-size="10">Assigned:</text>
+<text fill="#1f2937" x="120.0" y="281.0" font-family="Arial, Helvetica, sans-serif" font-size="10" font-weight="bold">dev1</text>
+<rect fill="#ffffff" stroke="#d1d5db" stroke-width="1" x="310.0" y="100.0" width="180.0" height="134.0" rx="6.0" ry="6.0"/>
+<text fill="#1f2937" x="320.0" y="125.0" font-family="Arial, Helvetica, sans-serif" font-size="13">Implement Feature X</text>
+<text fill="#6c757d" x="320.0" y="150.0" font-family="Arial, Helvetica, sans-serif" font-size="10">Assigned:</text>
+<text fill="#1f2937" x="380.0" y="150.0" font-family="Arial, Helvetica, sans-serif" font-size="10" font-weight="bold">dev2</text>
+<text fill="#6c757d" x="320.0" y="168.0" font-family="Arial, Helvetica, sans-serif" font-size="10">Ticket:</text>
+<text fill="#1f2937" x="380.0" y="168.0" font-family="Arial, Helvetica, sans-serif" font-size="10" font-weight="bold">FEAT-023</text>
+<text fill="#6c757d" x="320.0" y="186.0" font-family="Arial, Helvetica, sans-serif" font-size="10">Priority:</text>
+<text fill="#1f2937" x="380.0" y="186.0" font-family="Arial, Helvetica, sans-serif" font-size="10" font-weight="bold">Critical</text>
+<rect fill="#ffffff" stroke="#d1d5db" stroke-width="1" x="570.0" y="100.0" width="180.0" height="80.0" rx="6.0" ry="6.0"/>
+<text fill="#1f2937" x="580.0" y="125.0" font-family="Arial, Helvetica, sans-serif" font-size="13">Release v1.0</text>
+</svg>

data/examples/kanban/02-workflow.mmd

@@ -0,0 +1,8 @@
+kanban
+  todo[Todo]
+    docs[Create Documentation]@{ priority: 'High', ticket: 'DOC-001' }
+    tests[Write Tests]@{ assigned: 'dev1' }
+  doing[In Progress]
+    feature[Implement Feature X]@{ priority: 'Critical', ticket: 'FEAT-023', assigned: 'dev2' }
+  done[Done]
+    release[Release v1.0]