{
  "generatedFrom": {
    "packageVersion": "0.1.0",
    "gitSha": "development",
    "buildTime": "development"
  },
  "examples": [
    {
      "id": "flowchart-basic",
      "family": "flowchart",
      "label": "Flowchart",
      "description": "Decision flow with labeled branches.",
      "headers": [
        "flowchart",
        "graph"
      ],
      "source": "flowchart TD\n  A[Start] --> B{Decision?}\n  B -->|Yes| C[Do the thing]\n  B -->|No| D[Skip it]\n  C --> E[End]\n  D --> E",
      "renderUrl": "/examples/#flowchart",
      "editorUrl": "/editor/?example=flowchart-basic",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#flowchart"
    },
    {
      "id": "state-basic",
      "family": "state",
      "label": "State diagram",
      "description": "Lifecycle using Mermaid stateDiagram-v2 syntax.",
      "headers": [
        "stateDiagram",
        "stateDiagram-v2"
      ],
      "source": "stateDiagram-v2\n  [*] --> Idle\n  Idle --> Processing: start\n  Processing --> Complete: done\n  Processing --> Failed: error\n  Failed --> Idle: retry\n  Complete --> [*]",
      "renderUrl": "/examples/#state",
      "editorUrl": "/editor/?example=state-basic",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#state"
    },
    {
      "id": "architecture-basic",
      "family": "architecture",
      "label": "Architecture",
      "description": "Services, groups, icons, and routed connections.",
      "headers": [
        "architecture-beta"
      ],
      "source": "architecture-beta\n  group app(cloud)[Application]\n  group data(database)[Data]\n  service web(server)[Web App] in app\n  service api(server)[API] in app\n  service db(database)[Postgres] in data\n  web:R --> L:api\n  api:R --> L:db",
      "renderUrl": "/examples/#architecture",
      "editorUrl": "/editor/?example=architecture-basic",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#architecture"
    },
    {
      "id": "sequence-basic",
      "family": "sequence",
      "label": "Sequence",
      "description": "Request/response messages between participants.",
      "headers": [
        "sequenceDiagram"
      ],
      "source": "sequenceDiagram\n  participant User\n  participant App\n  participant API\n  User->>App: Click export\n  App->>API: Render SVG\n  API-->>App: SVG string\n  App-->>User: Download",
      "renderUrl": "/examples/#sequence",
      "editorUrl": "/editor/?example=sequence-basic",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#sequence"
    },
    {
      "id": "class-basic",
      "family": "class",
      "label": "Class",
      "description": "Classes with members and relationships.",
      "headers": [
        "classDiagram"
      ],
      "source": "classDiagram\n  class Renderer {\n    +renderSVG(source) string\n    +renderASCII(source) string\n  }\n  class Theme {\n    +bg string\n    +fg string\n  }\n  Renderer --> Theme : uses",
      "renderUrl": "/examples/#class",
      "editorUrl": "/editor/?example=class-basic",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#class"
    },
    {
      "id": "er-basic",
      "family": "er",
      "label": "ER diagram",
      "description": "Entities, attributes, keys, and cardinality markers.",
      "headers": [
        "erDiagram"
      ],
      "source": "erDiagram\n  CUSTOMER {\n    string id PK\n    string email\n  }\n  ORDER {\n    string id PK\n    date created\n  }\n  LINE_ITEM {\n    string id PK\n    int quantity\n  }\n  CUSTOMER ||--o{ ORDER : places\n  ORDER ||--|{ LINE_ITEM : contains",
      "renderUrl": "/examples/#er",
      "editorUrl": "/editor/?example=er-basic",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#er"
    },
    {
      "id": "timeline-basic",
      "family": "timeline",
      "label": "Timeline",
      "description": "Chronological milestones with sections.",
      "headers": [
        "timeline"
      ],
      "source": "timeline\n  title Product roadmap\n  section Foundation\n  2024 Q1 : Prototype\n          : Parser coverage\n  section Launch\n  2024 Q2 : Public editor\n          : SVG export",
      "renderUrl": "/examples/#timeline",
      "editorUrl": "/editor/?example=timeline-basic",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#timeline"
    },
    {
      "id": "journey-basic",
      "family": "journey",
      "label": "User journey",
      "description": "Scored user tasks grouped by section.",
      "headers": [
        "journey"
      ],
      "source": "journey\n  title Editor adoption\n  section Try\n    Open editor: 5: User\n    Load example: 4: User, Developer\n  section Share\n    Copy URL: 5: User\n    Export SVG: 4: Developer",
      "renderUrl": "/examples/#journey",
      "editorUrl": "/editor/?example=journey-basic",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#journey"
    },
    {
      "id": "xychart-basic",
      "family": "xychart",
      "label": "XY chart",
      "description": "Bar and line series using xychart syntax.",
      "headers": [
        "xychart",
        "xychart-beta"
      ],
      "source": "xychart\n  title \"Weekly renders\"\n  x-axis [Mon, Tue, Wed, Thu, Fri]\n  y-axis \"Renders\" 0 --> 100\n  bar [25, 42, 58, 74, 88]\n  line [18, 35, 52, 70, 95]",
      "renderUrl": "/examples/#xychart",
      "editorUrl": "/editor/?example=xychart-basic",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#xychart"
    },
    {
      "id": "pie-basic",
      "family": "pie",
      "label": "Pie chart",
      "description": "Proportional slices with values shown in the legend.",
      "headers": [
        "pie"
      ],
      "source": "pie showData\n  title Export requests by format\n  \"SVG\" : 42\n  \"PNG\" : 28\n  \"ASCII\" : 18\n  \"Unicode\" : 12",
      "renderUrl": "/examples/#pie",
      "editorUrl": "/editor/?example=pie-basic",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#pie"
    },
    {
      "id": "quadrant-basic",
      "family": "quadrant",
      "label": "Quadrant chart",
      "description": "Two-axis priority map with labeled regions and points.",
      "headers": [
        "quadrantChart"
      ],
      "source": "quadrantChart\n  title Feature priorities\n  x-axis Low impact --> High impact\n  y-axis Low effort --> High effort\n  quadrant-1 Plan carefully\n  quadrant-2 Big bets\n  quadrant-3 Defer\n  quadrant-4 Quick wins\n  SVG export: [0.78, 0.28]\n  MCP setup: [0.62, 0.72]\n  Theme polish: [0.35, 0.24]",
      "renderUrl": "/examples/#quadrant",
      "editorUrl": "/editor/?example=quadrant-basic",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#quadrant"
    },
    {
      "id": "gantt-basic",
      "family": "gantt",
      "label": "Gantt chart",
      "description": "Sections, dependencies, status tags, and a milestone.",
      "headers": [
        "gantt"
      ],
      "source": "gantt\n  title Release train\n  dateFormat YYYY-MM-DD\n  excludes weekends\n  section Build\n    Completed task :done, des1, 2024-01-08, 2024-01-10\n    Active task    :active, des2, 2024-01-11, 3d\n    Future task    :des3, after des2, 5d\n  section Ship\n    Crit review    :crit, rev1, after des3, 2d\n    Release        :milestone, m1, after rev1, 0d",
      "renderUrl": "/examples/#gantt",
      "editorUrl": "/editor/?example=gantt-basic",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#gantt"
    },
    {
      "id": "styled-flowchart",
      "family": "flowchart",
      "label": "Styled flowchart",
      "description": "Flowchart using semantic node, edge, text, and group roles.",
      "headers": [
        "flowchart",
        "graph"
      ],
      "source": "flowchart TD\n  subgraph product [Product Loop]\n    A[Capture request] --> B{Ready?}\n    B -->|yes| C[Ship]\n    B -.->|needs work| D[Refine]\n  end",
      "renderUrl": "/examples/#styled-flowchart",
      "editorUrl": "/editor/?example=styled-flowchart",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#flowchart"
    },
    {
      "id": "styled-state",
      "family": "state",
      "label": "Styled state",
      "description": "State diagram consuming the same flowchart/state role mapping.",
      "headers": [
        "stateDiagram",
        "stateDiagram-v2"
      ],
      "source": "stateDiagram-v2\n  [*] --> Draft\n  Draft --> Review: submit\n  Review --> Draft: request changes\n  Review --> Published: approve\n  Published --> [*]",
      "renderUrl": "/examples/#styled-state",
      "editorUrl": "/editor/?example=styled-state",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#state"
    },
    {
      "id": "styled-architecture",
      "family": "architecture",
      "label": "Styled architecture",
      "description": "Architecture services, groups, and connectors styled semantically.",
      "headers": [
        "architecture-beta"
      ],
      "source": "architecture-beta\n  group edge(cloud)[Edge Layer]\n  group core(server)[Core Services]\n  service web(server)[Web App] in edge\n  service api(server)[API] in core\n  service db(database)[Postgres] in core\n  web:R --> L:api\n  api:R --> L:db",
      "renderUrl": "/examples/#styled-architecture",
      "editorUrl": "/editor/?example=styled-architecture",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#architecture"
    },
    {
      "id": "styled-sequence",
      "family": "sequence",
      "label": "Styled sequence",
      "description": "Participants use node style; messages use edge style.",
      "headers": [
        "sequenceDiagram"
      ],
      "source": "sequenceDiagram\n  participant U as User\n  participant E as Editor\n  participant R as Renderer\n  U->>E: Change style role\n  E->>R: render(source, options.style)\n  R-->>E: SVG",
      "renderUrl": "/examples/#styled-sequence",
      "editorUrl": "/editor/?example=styled-sequence",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#sequence"
    },
    {
      "id": "styled-class",
      "family": "class",
      "label": "Styled class",
      "description": "Class boxes and relationships through shared style roles.",
      "headers": [
        "classDiagram"
      ],
      "source": "classDiagram\n  class Renderer {\n    +renderSVG(source) string\n    +renderASCII(source) string\n  }\n  class StyleResolver {\n    +resolveRenderStyle(options) object\n  }\n  Renderer --> StyleResolver : uses",
      "renderUrl": "/examples/#styled-class",
      "editorUrl": "/editor/?example=styled-class",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#class"
    },
    {
      "id": "styled-er",
      "family": "er",
      "label": "Styled ER",
      "description": "ER entities and relationships inherit node/edge roles.",
      "headers": [
        "erDiagram"
      ],
      "source": "erDiagram\n  USER {\n    string id PK\n    string email\n  }\n  DIAGRAM {\n    string id PK\n    string source\n  }\n  EXPORT {\n    string id PK\n    string format\n  }\n  USER ||--o{ DIAGRAM : creates\n  DIAGRAM ||--o{ EXPORT : renders",
      "renderUrl": "/examples/#styled-er",
      "editorUrl": "/editor/?example=styled-er",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#er"
    },
    {
      "id": "styled-timeline",
      "family": "timeline",
      "label": "Styled timeline",
      "description": "Timeline periods and events styled as semantic cards/groups.",
      "headers": [
        "timeline"
      ],
      "source": "timeline\n  title Fork Roadmap\n  section Discover\n  2024 Q2 : Audit forks\n          : Extract small PRs\n  section Ship\n  2024 Q3 : Style roles\n          : Live editor presets",
      "renderUrl": "/examples/#styled-timeline",
      "editorUrl": "/editor/?example=styled-timeline",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#timeline"
    },
    {
      "id": "styled-journey",
      "family": "journey",
      "label": "Styled journey",
      "description": "Journey sections, task cards, and actor chips use role styles.",
      "headers": [
        "journey"
      ],
      "source": "journey\n  title Editor adoption\n  section Try\n    Open preset: 5: User\n    Tune roles: 4: Designer, Developer\n  section Share\n    Copy URL: 5: User\n    Export SVG: 4: Developer",
      "renderUrl": "/examples/#styled-journey",
      "editorUrl": "/editor/?example=styled-journey",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#journey"
    },
    {
      "id": "styled-xychart",
      "family": "xychart",
      "label": "Styled xychart",
      "description": "XY chart title, axes, grid, and series labels with shared roles.",
      "headers": [
        "xychart",
        "xychart-beta"
      ],
      "source": "xychart\n  title \"Styled Adoption\"\n  x-axis [Mon, Tue, Wed, Thu, Fri]\n  y-axis \"Renders\" 0 --> 100\n  bar [25, 42, 58, 74, 88]\n  line [18, 35, 52, 70, 95]",
      "renderUrl": "/examples/#styled-xychart",
      "editorUrl": "/editor/?example=styled-xychart",
      "outputs": [
        "svg",
        "ascii",
        "unicode",
        "png",
        "json"
      ],
      "docs": "/docs/families/#xychart"
    }
  ]
}