ToDiagram

ToDiagram 是一个在线图表工具，原名 JSON Visio。它解决的是同一件事：拿到一段嵌套很深的 JSON、YAML、XML、CSV 或 Mermaid 文本，光看文本很难判断结构长什么样。把内容粘到左边，右边就会按 ELK 布局画出节点图，不用先写 schema 或做任何配置。

主要功能

编辑器边输入边解析，拖拽可以调整节点位置，点击节点能查看字段。图上的节点和左侧的结构化视图双向同步：改图里的值，源数据跟着变；改源数据，图重新绘制。搜索支持模糊匹配键、值和路径，命中节点高亮、其余淡出，官方举的例子是在一万行 payload 里找某个嵌套字段。

它还支持挂载 JSON Schema 做实时校验，出错的路径会在图上标出来，并指出是哪个节点、哪个字段不合规。导出格式有 PNG、JPEG 和 SVG。另外提供文本生成图表的 AI 功能，以及一个 MCP 服务器，可以装进 Claude、Cursor、Zed、VS Code 等支持 MCP 的编程助手，让 AI 在对话里直接读 fixture 或渲染 schema。

适合谁

主要面向开发者、数据团队和需要把图放进文档或幻灯片的人。调试 webhook、看 Postman 返回、梳理 OpenAPI 类型图、检查 CSV 字段关系，都是它列出的场景。做 CI/CD 流水线图、网络拓扑图、设计 token 图也能用自定义节点和边来画。

费用与限制

免费版可以创建和编辑图表，最多存 3 张并分享，导出限 PNG 和 JPEG，同时开放 API 与 MCP 访问；更高档位的价格页面本次没有抓到具体数字。解析和渲染在浏览器本地完成，只有主动保存或分享时才同步到云端，这一点对敏感数据比较友好。界面为英文。