create_flowchart
Create a flowchart on chhart.app using text-based DSL syntax. Returns a shareable URL to view and edit the flowchart.
Describe a process or a set of flows in the conversation and get back a chhart.app link to the finished flowchart or Sankey diagram, editable in the browser.
LABSCO SUMMARY
Fetching the syntax help first is what makes this reliable: with the DSL rules in context, the assistant writes a diagram that renders on the first attempt rather than one that needs three corrections. Because the result is a live chhart.app URL rather than an image, the diagram stays editable after the conversation ends — which is usually what you want when a process description is going to change.
A generator for two diagram types on chhart.app. You write the diagram in a text DSL — or have the assistant write it — and the call returns a shareable URL to view and keep editing it.
Node.js 20 or higher for the local path, which runs as npx -y chhart-mcp. A public endpoint at https://mcp.chhart.app/mcp needs nothing installed at all, and the same server can be self-hosted over Streamable HTTP on PORT, default 3000. Either way the diagram is created on chhart.app and the result is a URL there, so the content leaves your machine and the link is what you share. MIT.
One command — npx -y chhart-mcp
USE CASES
Explain the steps and branches in plain language and get a flowchart back as a link, with a title on it.
Give the flows between stages — traffic, spend, users — and get a Sankey diagram that makes the proportions visible.
Pull the syntax and examples for the diagram type you want, so the first attempt renders instead of erroring.
Counted once with only startup setup. Other versions, modes or optional credentials may expose a different list.
create_flowchartCreate a flowchart on chhart.app using text-based DSL syntax. Returns a shareable URL to view and edit the flowchart.
create_sankeyCreate a Sankey diagram on chhart.app showing flows between nodes. Returns a shareable URL to view and edit the diagram.
get_syntax_helpGet documentation and examples for Chhart's flowchart and Sankey diagram syntax.
BEFORE YOU INSTALL
3 tools when we connected.
An MCP-compatible client (Claude Desktop, Cursor, etc.)
Of the 3 documented clients, 2 run the server on your machine and 1 connects to a hosted endpoint.
CONTEXT COST
Rated by the size of the 3 tool definitions that ride along on every turn, not by how many there are
INSTALLATION
npx -y chhart-mcphttps://mcp.chhart.app/mcpAdd this hosted endpoint to your MCP client.
{
"mcpServers": {
"chhart": {
"command": "npx",
"args": [
"-y",
"chhart-mcp"
]
}
}
}{
"mcpServers": {
"chhart": {
"command": "node",
"args": [
"<YOUR_PATH_TO_CHHART_MCP>/dist/index.js"
]
}
}
}{
"mcpServers": {
"chhart": {
"url": "https://mcp.chhart.app/mcp"
}
}
}