JSON-Viewer（JSON可视化工具）

技术栈：Vue 3 + Vite +TS + Antv/G6 + Pinia +vue3-json-editor

实现功能：

1. JSON编辑生成对应视图
2. 布局配置调整更新视图
3. 节点收起、展开
4. 导入、导出JSON
5. 指定额外解析字段
6. 4种主题随意切换
7. 视图节点聚焦搜索
8. 视图导出为图片
9. 点击节点查看节点详情
10. 画布操作（放大/缩小/居中/全屏/退出全屏）

预览地址：

Bilibili演示：Bilibili演示视频地址

Github：https://coderfxj.github.io/json-viewer/

Gitee：https://giteefxj.gitee.io/json-viewer

源码分享

Github：https://github.com/CoderFXJ/json-viewer/tree/dev

Gitee：https://gitee.com/GiteeFXJ/json-viewer/tree/dev/

预览截图

灵感来源

JSON Crack: 一个丝滑且大气的React+TypeScript项目JSON可视化项目。