27.1K Star,优雅的JSON 数据可视化工具

27.1K Star,优雅的JSON 数据可视化工具_第1张图片

Hi,骚年,我是大 G,公众号「GitHub指北」会推荐 GitHub 上有趣有用的项目,一分钟 get 一个优秀的开源项目,挖掘开源的价值,欢迎关注。

想自己之前做 APP 开发会访问后端数据,这个数据就是 JSON 格式,一般我会提前看看这个数据是什么样子的,今天来分享一个非常优雅的 JSON 数据可视化工具,它能 将复杂的 JSON 数据转换为树状图,使其更易于理解和分析。

使用演示

打开工具主页,点击 “GO TO EDITOR”,这里会默认展示一个作者准备好的 JSON 示例。

27.1K Star,优雅的JSON 数据可视化工具_第2张图片

清空左边的代码,将你需要可视化的 JSON 代码粘贴进去即可将 JSON 可视化,非常简单。

把左边的代码清空,粘贴进去你要处理的 Json 代码,右边会有可视化的效果,很简单。

27.1K Star,优雅的JSON 数据可视化工具_第3张图片

接下来看看其他的功能。

放大缩小

如果你觉得可视化图太小,看不清楚,可以用鼠标滚轮进行调整,或者点右上角的+/-号进行调整。

27.1K Star,优雅的JSON 数据可视化工具_第4张图片

保存

可以对处理好的 Json 代码可视化图进行保存,还能自定义背景颜色。

27.1K Star,优雅的JSON 数据可视化工具_第5张图片

另外还支持对导图的旋转、压缩/恢复结点、搜索节点、导入、保存(下载)、分享以及节点、主题等等的设置。

有需要处理 JSON 数据,可以尝试使用体验一下 jsoncrack,帮助你更高效地工作。

27.1K Star,优雅的JSON 数据可视化工具_第6张图片

27.1K Star,优雅的JSON 数据可视化工具_第7张图片

27.1K Star,优雅的JSON 数据可视化工具_第8张图片

关于项目的更多细节,感兴趣的朋友自行去项目地址探索体验~

官网和源码

在公众号「GitHub指北」后台发消息「json」即可获取。

你可能感兴趣的:(json,信息可视化)