A side-by-side look at the MCP Mermaid and Mermaid MCP MCP servers: transport, auth, tools, quality signals, and the config to install either one in Claude, Cursor, Windsurf or VS Code.
Verdict: choose MCP Mermaid for data visualization work as a local process; choose Mermaid MCP for data visualization. You can also run both side by side in one mcpServers block.
generate_mermaid_diagram.Rows where the two servers differ are marked.
| Spec | ||
|---|---|---|
| Category | Data Visualization | Data Visualization |
| Quality signal | 65/100 · Great | 45/100 · Fair |
| Install command | Confirmed | Not confirmed yet |
| Transport | Local subprocess (stdio) | — |
| Auth | No auth required | No auth required |
| Pricing | Free | Free |
| Required env vars | None listed | None listed |
| Verified owner | Community listing | Community listing |
| GitHub stars | 642 | 53 |
| Directory activity | 3 views 0 installs 1 upvotes | 3 views 0 installs 0 upvotes |
| Tools | 1 | Not listed |
| Full listing | View MCP Mermaid | View Mermaid MCP |
generate_mermaid_diagramGenerate 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.No tool names declared yet. Check the project README from the listing page.
Paste either block (or both) into your client config, e.g. claude_desktop_config.json or ~/.cursor/mcp.json. We only show a config when the install command is confirmed.
{
"mcpServers": {
"hustcc-mcp-mermaid": {
"command": "npx",
"args": [
"-y",
"mcp-mermaid"
]
}
}
}
No confirmed install command for Mermaid MCP yet — follow the setup steps linked from its listing page rather than a guessed package name.