Turn a list of steps and decisions into a clean flowchart you can download.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
Use this when the user wants a flowchart, process diagram, decision tree or workflow chart from a list of steps and decisions, or wants Mermaid flowchart text drawn as an image or PDF. Takes text with one edge per line (A -> B, A -> B: label, Mermaid flowchart syntax) or nodes (id, text, shape: start, end, process, decision, input, document) with edges (from, to, label), plus top-down or left-right direction. Returns the laid-out chart in an interactive widget, layout checks (box overlaps, edge crossings), process checks (unknown ids with the line number, decisions with fewer than two branches, unreachable and dead-end steps), Mermaid text, and SVG, PDF and Mermaid downloads. Limits are 150 nodes and 300 edges. Does not draw swimlanes, org charts, mind maps, sequence diagrams or charts of data; does not save or share charts.
The flowchart as text, one edge per line, e.g. "Start -> Check stock\nCheck stock -> In stock?\nIn stock? -> Ship: yes\nIn stock? -> Reorder: no". Node forms: id[Text] process, id{Question?} decision, id([Text]) start or end, id[/Text/] input or output, id@{ shape: doc, label: "Text" } document. Plain words are a node too. Labels: A -> B: label or A -->|label| B. Mermaid flowchart text works. Leave empty when you give nodes and edges.
Arrows between node ids, up to 300, e.g. [{"from":"q","to":"ship","label":"yes"}].
Nodes, 1 to 150, e.g. [{"id":"s","text":"Start","shape":"start"},{"id":"q","text":"Paid?","shape":"decision"}]. Use with edges instead of text.
Title shown above the chart and used for file names, up to 80 characters, e.g. "Order handling".
Flow direction, e.g. top-down (default) or left-right.
PDF page, e.g. auto (default, page fits the chart at full size), letter or a4 (chart scaled to fit one page).
Arrow style, e.g. orthogonal (default, right-angle lines) or straight.
Pick your client. Values in capitals, like YOUR_TOKEN, are yours to fill in.
Run in a terminal
claude mcp add --transport http flowchart https://flowchart.zovo.one/mcp
Use this when the user wants a flowchart, process diagram, decision tree or workflow chart from a list of steps and decisions, or wants Mermaid flowchart text drawn as an image or PDF. Takes text with one edge per line (A -> B, A -> B: label, Mermaid flowchart syntax) or nodes (id, text, shape: start, end, process, decision, input, document) with edges (from, to, label), plus top-down or left-right direction. Returns the laid-out chart in an interactive widget, layout checks (box overlaps, edge crossings), process checks (unknown ids with the line number, decisions with fewer than two branches, unreachable and dead-end steps), Mermaid text, and SVG, PDF and Mermaid downloads. Limits are 150 nodes and 300 edges. Does not draw swimlanes, org charts, mind maps, sequence diagrams or charts of data; does not save or share charts.
| Argument | Type | Description |
|---|---|---|
| text | string | The flowchart as text, one edge per line, e.g. "Start -> Check stock\nCheck stock -> In stock?\nIn stock? -> Ship: yes\nIn stock? -> Reorder: no". Node forms: id[Text] process, id{Question?} decision, id([Text]) start or end, id[/Text/] input or output, id@{ shape: doc, label: "Text" } document. Plain words are a node too. Labels: A -> B: label or A -->|label| B. Mermaid flowchart text works. Leave empty when you give nodes and edges. |
| edges | array | Arrows between node ids, up to 300, e.g. [{"from":"q","to":"ship","label":"yes"}]. |
| nodes | array | Nodes, 1 to 150, e.g. [{"id":"s","text":"Start","shape":"start"},{"id":"q","text":"Paid?","shape":"decision"}]. Use with edges instead of text. |
| title | string | Title shown above the chart and used for file names, up to 80 characters, e.g. "Order handling". |
| direction | string | Flow direction, e.g. top-down (default) or left-right. |
| page_size | string | PDF page, e.g. auto (default, page fits the chart at full size), letter or a4 (chart scaled to fit one page). |
| edge_style | string | Arrow style, e.g. orthogonal (default, right-angle lines) or straight. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"text": {
"type": "string",
"maxLength": 60000,
"description": "The flowchart as text, one edge per line, e.g. \"Start -> Check stock\\nCheck stock -> In stock?\\nIn stock? -> Ship: yes\\nIn stock? -> Reorder: no\". Node forms: id[Text] process, id{Question?} decision, id([Text]) start or end, id[/Text/] input or output, id@{ shape: doc, label: \"Text\" } document. Plain words are a node too. Labels: A -> B: label or A -->|label| B. Mermaid flowchart text works. Leave empty when you give nodes and edges."
},
"edges": {
"type": "array",
"items": {
"type": "object",
"required": [
"from",
"to"
],
"properties": {
"to": {
"type": "string",
"maxLength": 400,
"description": "Id of the node the arrow points to, e.g. \"ship\"."
},
"from": {
"type": "string",
"maxLength": 400,
"description": "Id of the node the arrow starts at, e.g. \"q\"."
},
"label": {
"type": "string",
"maxLength": 400,
"description": "Optional label up to 40 characters, e.g. \"yes\"."
}
}
},
"maxItems": 1000,
"description": "Arrows between node ids, up to 300, e.g. [{\"from\":\"q\",\"to\":\"ship\",\"label\":\"yes\"}]."
},
"nodes": {
"type": "array",
"items": {
"type": "object",
"required": [
"id"
],
"properties": {
"id": {
"type": "string",
"maxLength": 400,
"description": "Short unique id used in edges, e.g. \"check\"."
},
"text": {
"type": "string",
"maxLength": 1000,
"description": "Text in the box, up to 120 characters, e.g. \"In stock?\". Defaults to the id."
},
"shape": {
"type": "string",
"maxLength": 20,
"description": "start, end, process, decision, input or document, e.g. \"decision\". Defaults from the text: a question mark makes a decision, Start and End make start and end."
}
}
},
"maxItems": 400,
"description": "Nodes, 1 to 150, e.g. [{\"id\":\"s\",\"text\":\"Start\",\"shape\":\"start\"},{\"id\":\"q\",\"text\":\"Paid?\",\"shape\":\"decision\"}]. Use with edges instead of text."
},
"title": {
"type": "string",
"maxLength": 400,
"description": "Title shown above the chart and used for file names, up to 80 characters, e.g. \"Order handling\"."
},
"direction": {
"enum": [
"top-down",
"left-right"
],
"type": "string",
"description": "Flow direction, e.g. top-down (default) or left-right."
},
"page_size": {
"enum": [
"auto",
"letter",
"a4"
],
"type": "string",
"description": "PDF page, e.g. auto (default, page fits the chart at full size), letter or a4 (chart scaled to fit one page)."
},
"edge_style": {
"enum": [
"orthogonal",
"straight"
],
"type": "string",
"description": "Arrow style, e.g. orthogonal (default, right-angle lines) or straight."
}
}
}We read every tool's name, description and inputs the way the model will, looking for instructions hidden from you. A clean result means no warning signs, not a guarantee. Scanned Nov 8, 2026.