generate_mermaid_diagram

Create dynamic mermaid diagrams and charts using markdown-inspired syntax. Customize themes, background colors, and output formats (SVG/PNG) to simplify complex documentation and visualization tasks.

Instructions

Generate mermaid diagram and chart with mermaid syntax dynamically. Mermaid is a JavaScript based diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams. The main purpose of Mermaid is to help documentation catch up with development.

Input Schema

Name	Required	Description	Default
`backgroundColor`	No	Background color for the diagram (optional). Default is 'white'.	white
`mermaid`	Yes	The mermaid diagram syntax used to be generated, such as, graph TD; A-->B; A-->C; B-->D; C-->D;.
`outputType`	No	The output type of the diagram. Can be 'svg' or 'png'. Default is 'png'.	png
`theme`	No	Theme for the diagram (optional). Default is 'default'.	default

Input Schema (JSON Schema)

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "properties": {
    "backgroundColor": {
      "default": "white",
      "description": "Background color for the diagram (optional). Default is 'white'.",
      "type": "string"
    },
    "mermaid": {
      "description": "The mermaid diagram syntax used to be generated, such as, graph TD;\nA-->B;\nA-->C;\nB-->D;\nC-->D;.",
      "minLength": 1,
      "type": "string"
    },
    "outputType": {
      "default": "png",
      "description": "The output type of the diagram. Can be 'svg' or 'png'. Default is 'png'.",
      "enum": [
        "svg",
        "png"
      ],
      "type": "string"
    },
    "theme": {
      "default": "default",
      "description": "Theme for the diagram (optional). Default is 'default'.",
      "enum": [
        "default",
        "base",
        "forest",
        "dark",
        "neutral"
      ],
      "type": "string"
    }
  },
  "required": [
    "mermaid"
  ],
  "type": "object"
}

MCP Server Mermaid