# JSON 可视化 - 把 JSON/YAML/CSV 画成节点关系图

> 在线把 JSON、YAML 或 CSV 画成节点图：对象和数组是卡片，连线表示层级，支持缩放平移、折叠展开、搜索跳转、查看 JSONPath，导出 PNG/SVG。

- 网址: https://qilingtools.com/zh/json-graph
- 分类: 开发工具 (https://qilingtools.com/zh/dev)
- 标签: [开发](https://qilingtools.com/zh/tags/dev), [数据格式](https://qilingtools.com/zh/tags/data)
- 最后更新: 2026-10-26
- 价格: 免费，无需注册
- 隐私: 在浏览器本地处理，文件不上传服务器

接口返回的 JSON 一层套一层，在文本里数括号很难看清结构。这个工具把数据画成节点关系图：每个对象或数组是一张卡片，卡片里列出键和原始值，子对象、子数组变成新的卡片并用连线连到父级的那一行，可以选择从左到右或从上到下的整齐树形布局，卡片之间保证不重叠。滚轮缩放、拖动平移，触屏可以双指缩放；点击卡片左上角的按钮折叠或展开一个分支。搜索框会同时匹配键名和值，回车或上下箭头在结果之间跳转，被折叠的分支会自动展开并把画面移到目标处。点击任意一行，下方显示它的 JSONPath（如 $.books[1].title）和完整值，可一键复制。大文件也能流畅浏览：初始只展开到合适的深度，每张卡片默认显示 50 项、可点“展开更多”，画面外的卡片不渲染。除了 JSON，也能直接粘贴 YAML，或把带表头的 CSV 转成对象数组再画图。整张图可导出为 SVG 矢量图或高清 PNG。所有解析和绘制都在浏览器本地完成。

## 使用步骤

1. 粘贴 JSON、YAML 或 CSV，或打开文件，格式会自动识别
2. 缩放、拖动查看结构，折叠不关心的分支，用搜索定位键或值
3. 点击行查看并复制 JSONPath 和值，需要时导出 PNG 或 SVG

## 功能特点

- 对象/数组卡片 + 连线的节点图
- 从左到右或从上到下的整齐树布局，卡片不重叠
- 滚轮缩放、拖动平移、双指缩放
- 折叠/展开分支，全部展开或折叠
- 搜索键名和值，逐个跳转并高亮
- 点击查看 JSONPath 与值，一键复制
- 大文档按深度折叠、分批展开、视口外不渲染
- 支持 YAML 与 CSV 输入，导出 SVG / PNG

## 常见问题

### 和普通的 JSON 树形视图有什么区别？

树形视图是缩进列表，适合逐层展开；节点图把每个对象画成卡片并用连线表示父子关系，一眼能看出数据的整体形状、哪些分支最大、数组里每个元素有哪些字段，更适合理解陌生接口或给别人讲解数据结构。需要格式化、校验或压缩 JSON 时，可以使用本站的 JSON 格式化工具。

### 很大的 JSON 会卡吗？

工具做了几层限制：打开时按每一层的节点数自动选择展开深度，默认只展开约 250 张卡片；每张卡片最多显示 50 项，剩下的点击“展开更多”再加载；画面外的卡片和连线不渲染，缩得很小时只画卡片轮廓；整张图最多 3000 张卡片。几十 MB 的文件解析需要一点时间，浏览时依然流畅。

### 搜索能找到被折叠的内容吗？

能。搜索在完整数据上进行，同时匹配键名和值（不区分大小写）。跳到某个结果时，它所在的所有上级分支会自动展开，如果它排在“展开更多”之后也会自动放宽显示数量，并把画面移到那一行，用橙色高亮。

### YAML 和 CSV 是怎么转换的？

YAML 用标准解析器读取，锚点和别名会展开，日期转成 ISO 字符串；CSV 会自动识别逗号、制表符、分号等分隔符，第一行作为字段名，每一行变成一个对象，数字和 true/false 自动转换类型，像 00123 这样有前导零的值保留为字符串。

## 相关工具

- [JSON 格式化](https://qilingtools.com/zh/json): 免费在线 JSON 格式化：一键美化、压缩，实时语法校验并定位到出错行列，支持树形视图折叠、键名排序、转义与去转义、Unicode 转中文、复制下载，数据不上传。
- [Base64 编解码](https://qilingtools.com/zh/base64): 免费在线 Base64 编码解码工具：支持中文 UTF-8、URL 安全变体，文本与 Base64 互转，实时转换，本地处理不上传。
- [URL 编解码](https://qilingtools.com/zh/url-encode): 免费在线 URL 编码解码工具：encodeURIComponent 与 encodeURI 两种模式，处理中文、空格与特殊符号，本地实时转换不上传。
- [JWT 解析](https://qilingtools.com/zh/jwt): 免费在线 JWT 解析工具：解码 JWT 的 Header 与 Payload，展示过期时间、签发时间等，本地解析不上传，保护令牌安全。
- [时间戳转换](https://qilingtools.com/zh/timestamp): 免费在线 Unix 时间戳转换工具：时间戳与日期互转，自动识别秒/毫秒，显示本地时间、UTC、ISO 8601 和相对时间，实时更新。
- [哈希计算](https://qilingtools.com/zh/hash): 免费在线哈希/摘要计算工具：对文本或文件计算 SHA-1、SHA-256、SHA-384、SHA-512，使用浏览器加密接口本地完成，文件不上传。
- [UUID 生成](https://qilingtools.com/zh/uuid): 免费在线 UUID 生成器：使用加密安全随机数批量生成符合 RFC 4122 的 UUID v4，可大写、去连字符、加花括号，一键复制。
- [进制转换](https://qilingtools.com/zh/base-convert): 免费在线进制转换工具：二进制、八进制、十进制、十六进制及任意 2–36 进制互转，支持大整数（BigInt），本地实时计算。