generate_flow_diagram

Create flow diagrams to visualize process steps and decision points. Input nodes and edges to define sequences, customize themes, and adjust styles for clarity and presentation.

Instructions

Generate a flow diagram chart to show the steps and decision points of a process or system, such as, scenarios requiring linear process presentation.

Input Schema

Name	Required	Description	Default
`data`	Yes	Data for flow diagram chart, such as, { nodes: [{ name: 'node1' }, { name: 'node2' }], edges: [{ source: 'node1', target: 'node2', name: 'edge1' }] }.
`height`	No	Set the height of chart, default is 400.
`style`	No	Custom style configuration for the chart.
`theme`	No	Set the theme for the chart, optional, default is 'default'.	default
`width`	No	Set the width of chart, default is 600.

Input Schema (JSON Schema)

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "properties": {
    "data": {
      "description": "Data for flow diagram chart, such as, { nodes: [{ name: 'node1' }, { name: 'node2' }], edges: [{ source: 'node1', target: 'node2', name: 'edge1' }] }.",
      "properties": {
        "edges": {
          "items": {
            "properties": {
              "name": {
                "default": "",
                "type": "string"
              },
              "source": {
                "type": "string"
              },
              "target": {
                "type": "string"
              }
            },
            "required": [
              "source",
              "target"
            ],
            "type": "object"
          },
          "type": "array"
        },
        "nodes": {
          "items": {
            "properties": {
              "name": {
                "type": "string"
              }
            },
            "required": [
              "name"
            ],
            "type": "object"
          },
          "minItems": 1,
          "type": "array"
        }
      },
      "required": [
        "nodes",
        "edges"
      ],
      "type": "object"
    },
    "height": {
      "default": 400,
      "description": "Set the height of chart, default is 400.",
      "type": "number"
    },
    "style": {
      "description": "Custom style configuration for the chart.",
      "properties": {
        "texture": {
          "default": "default",
          "description": "Set the texture for the chart, optional, default is 'default'. 'rough' refers to hand-drawn style.",
          "enum": [
            "default",
            "rough"
          ],
          "type": "string"
        }
      },
      "type": "object"
    },
    "theme": {
      "default": "default",
      "description": "Set the theme for the chart, optional, default is 'default'.",
      "enum": [
        "default",
        "academy",
        "dark"
      ],
      "type": "string"
    },
    "width": {
      "default": 600,
      "description": "Set the width of chart, default is 600.",
      "type": "number"
    }
  },
  "required": [
    "data"
  ],
  "type": "object"
}

MCP Server Chart

generate_flow_diagram

Instructions

Input Schema

Input Schema (JSON Schema)

Other Tools from MCP Server Chart

Related Tools

MCP directory API