JSON Crack – 一款浏览器端可视化JSON解析编辑工具

JSON Crack是一款浏览器端可视化JSON解析编辑工具，面向开发者、数据分析师与产品经理，可快速直观解析、编辑复杂JSON数据结构。项目基于React、D3.js等现代前端技术开发，提供树形、环形、力导向图三种交互式可视化布局，一键将原始JSON文本转为清晰图形视图，大幅降低深层嵌套、多字段JSON的阅读与调试门槛。

1、官网入口：https://jsoncrack.com/

2、开源地址：https://github.com/AykutSarac/jsoncrack.com

JSON Crack核心功能：

1、即时可视化渲染：

粘贴或上传JSON内容即可自动生成拓扑图形，支持实时渲染与智能自动布局，无需手动调整结构。

2、多视图自由切换：

提供树形结构、环形层级图、力导向网络图三种展示模式，适配不同数据结构与阅读习惯。

3、图形化交互编辑：

双击图谱节点可直接修改键名、键值或删除节点，编辑结果实时同步至原始JSON文本，双向联动更高效。

4、关键词搜索高亮：

内置全局检索功能，输入关键字自动定位并高亮对应节点，快速筛选、定位目标字段与数据。

5、多主题配色适配：

内置浅色、暗色及自定义配色方案，适配日间、夜间等不同办公场景视觉偏好。

6、多维导出与团队分享：

支持将可视化图谱导出为PNG、SVG、PDF格式，可生成分享短链与嵌入代码，便于团队协作沟通与文档归档。

7、开放API与浏览器插件：

提供RESTful开放接口，可将解析渲染能力嵌入自有业务系统；支持Chrome、Edge浏览器插件，可在开发者工具内直接调用使用。