祈灵工具箱🐙JSON 可视化 - 把 JSON/YAML/CSV 画成节点关系图
接口返回的 JSON 一层套一层，在文本里数括号很难看清结构。这个工具把数据画成节点关系图：每个对象或数组是一张卡片，卡片里列出键和原始值，子对象、子数组变成新的卡片并用连线连到父级的那一行，可以选择从左到右或从上到下的整齐树形布局，卡片之间保证不重叠。滚轮缩放、拖动平移，触屏可以双指缩放；点击卡片左上角的按钮折叠或展开一个分支。搜索框会同时匹配键名和值，回车或上下箭头在结果之间跳转，被折叠的分支会自动展开并把画面移到目标处。点击任意一行，下方显示它的 JSONPath（如 $.books[1].title）和完整值，可一键复制。大文件也能流畅浏览：初始只展开到合适的深度，每张卡片默认显示 50 项、可点“展开更多”，画面外的卡片不渲染。除了 JSON，也能直接粘贴 YAML，或把带表头的 CSV 转成对象数组再画图。整张图可导出为 SVG 矢量图或高清 PNG。所有解析和绘制都在浏览器本地完成。
免费 · 无需注册 · 浏览器本地处理最后更新：
正在加载工具...
如何使用JSON 节点图可视化
- 1粘贴 JSON、YAML 或 CSV，或打开文件，格式会自动识别
- 2缩放、拖动查看结构，折叠不关心的分支，用搜索定位键或值
- 3点击行查看并复制 JSONPath 和值，需要时导出 PNG 或 SVG
常见问题
- 和普通的 JSON 树形视图有什么区别？
- 树形视图是缩进列表，适合逐层展开；节点图把每个对象画成卡片并用连线表示父子关系，一眼能看出数据的整体形状、哪些分支最大、数组里每个元素有哪些字段，更适合理解陌生接口或给别人讲解数据结构。需要格式化、校验或压缩 JSON 时，可以使用本站的 JSON 格式化工具。
- 很大的 JSON 会卡吗？
- 工具做了几层限制：打开时按每一层的节点数自动选择展开深度，默认只展开约 250 张卡片；每张卡片最多显示 50 项，剩下的点击“展开更多”再加载；画面外的卡片和连线不渲染，缩得很小时只画卡片轮廓；整张图最多 3000 张卡片。几十 MB 的文件解析需要一点时间，浏览时依然流畅。
- 搜索能找到被折叠的内容吗？
- 能。搜索在完整数据上进行，同时匹配键名和值（不区分大小写）。跳到某个结果时，它所在的所有上级分支会自动展开，如果它排在“展开更多”之后也会自动放宽显示数量，并把画面移到那一行，用橙色高亮。
- YAML 和 CSV 是怎么转换的？
- YAML 用标准解析器读取，锚点和别名会展开，日期转成 ISO 字符串；CSV 会自动识别逗号、制表符、分号等分隔符，第一行作为字段名，每一行变成一个对象，数字和 true/false 自动转换类型，像 00123 这样有前导零的值保留为字符串。