Class CreateMermaidDiagramAction

Action that generates SVG diagrams from Mermaid text syntax. Supports flowcharts, sequence diagrams, ER diagrams, class diagrams, state machines, Gantt charts, and more.

Mermaid is a text-based diagram generation tool that converts markdown-like syntax into rich visual diagrams. This action uses the Mermaid library to render diagrams server-side as SVG, suitable for embedding in reports, artifacts, and AI-generated content.

Example

// Flowchart
await runAction({
  ActionName: 'Create Mermaid Diagram',
  Params: [
    { Name: 'Code', Value: `flowchart TD
      A[Start] --> B[Process]
      B --> C{Decision}
      C -->|Yes| D[End]
      C -->|No| A` },
    { Name: 'Theme', Value: 'default' }
  ]
});

// Sequence Diagram
await runAction({
  ActionName: 'Create Mermaid Diagram',
  Params: [
    { Name: 'Code', Value: `sequenceDiagram
      Client->>Server: Request
      Server->>Database: Query
      Database-->>Server: Results
      Server-->>Client: Response` },
    { Name: 'Theme', Value: 'dark' }
  ]
});

// ER Diagram
await runAction({
  ActionName: 'Create Mermaid Diagram',
  Params: [
    { Name: 'Code', Value: `erDiagram
      USER ||--o{ ORDER : places
      ORDER ||--|{ LINE-ITEM : contains` },
    { Name: 'Theme', Value: 'forest' }
  ]
});
Copy