18.6K Star!这款 JSON 数据可视化工具太优雅了!
共 1010字,需浏览 3分钟
·
2022-12-17 20:15
平时出于各种原因,好多小伙伴都喜欢 API、数据库等的 JSON 格式。
有时候一些 JSON 请求或响应很简单,只包含几个对象。但是在大多数情况下,JSON 结果都会是出乎你的意料,更可怕的是,出于各种原因和分析目的,还需要进一步对进行 JSON 深入研究。各位小伙伴们一定都深有体会~
最近就偶遇到了一个非常优雅的 JSON 数据可视化工具 - jsoncrack
,可以一眼看出 JSON 的奥妙,简直爱的不要不要的~~
![](https://filescdn.proginn.com/451637116a9f2eed1fb0f8c9ac9d475c/c545d6d2fd0e0777e27a6459a407e21e.webp)
简介
jsoncrack
- 一个开源的在线 JSON 数据可视化编辑器,可以把任意JSON数据转化为树状图。
目前在收获了 18.6k Star,足见该项目的受欢迎程度。
![](https://filescdn.proginn.com/c9db36fcc7d033e2c55676e838b83bb9/7eb4860b474b4e726ec2c168fe3080ab.webp)
这个工具最大的特色就是,不仅格式化数据了,还帮你生成了可视化的思维导图的形式,看起数据来更立体。
![](https://filescdn.proginn.com/4ee0075f76fee7ce4f96c29830abb4e1/0e2cf8c457d90ea65298d311194ced7c.webp)
支持放大/缩小、展开/收缩、搜索节点、导出图片等操作,还可以快速部署成服务。
![](https://filescdn.proginn.com/e91febb1359d74391dbfe6a6df48db0f/53c4347003ca8d58a49518101762ce44.webp)
使用体验
可视化
打开工具主页,点击 “GO TO EDITOR”进入编辑器,你会看到一个作者准备好的 JSON 示例。
![](https://filescdn.proginn.com/812b94e476652e77e2f655191e830a0d/9efa996d06b2976a0eb3d01265d4ac63.webp)
清空左边的代码,将你需要可视化的 JSON 代码粘贴进去即可将 JSON 可视化,非常简单。
![](https://filescdn.proginn.com/5172262500bdc51d5748b1be0ff44cc9/95be62a463445731e2bce1531a37e100.webp)
接下来我们来深入看看 jsoncrack 提供的其他功能。
放大/缩小
可点击右上角的+/-号进行图像的放大/缩小,直接用鼠标滚轮也是可以的。
![](https://filescdn.proginn.com/3597a41806c511a2f23da5b7f33927ab/c9c17eb58f0486ddb0c7c059068e0ff8.webp)
保存导图
可以直接选择喜欢的背景颜色,进行图片的保存。
![](https://filescdn.proginn.com/fa6c30789129e78b2b3a73bf2aa0d4a4/ce5f7c94bd886132d40e536960786bd0.webp)
这是刚刚保存的图片
![](https://filescdn.proginn.com/c6f63267ddfec82015f68d00f814b435/2dc62ee1a55a87f648ca4183ae95a2ad.webp)
旋转导图
如果你想更换一下思维导图的方向,同样也是支持的。
![](https://filescdn.proginn.com/d43b8ba260f0a9e6c6c8071e874eaa9c/f7865fc5a8efd4535c8b89b3e2841283.webp)
压缩/恢复结点
![](https://filescdn.proginn.com/70b53bdd33236b0bd8f8df5aec0ae370/f8187fa6f36e59c5497ced85e0de11ef.webp)
折叠/展开结点
![](https://filescdn.proginn.com/5e973caf77023cbc58b230360207e5fc/6b495c08763a94169984d241bd9cfcf4.webp)
搜索结点
![](https://filescdn.proginn.com/73641fdd92e8a9d7d9b92aa54c7bfad4/51c660d7c5621eda04885feb1ef4ebfc.webp)
另外还有导入、保存(下载)、分享以及节点、主题等等的设置。
![](https://filescdn.proginn.com/461e4e9473896b75277cbbf45abaa89d/caa47880e1b16ffd6918fccb05358c0d.webp)
![](https://filescdn.proginn.com/631d3f370113d0bed508fbc0af8804d7/74d9245ee45d5a7dde0ca3828518160e.webp)
怎么样,用这个工具来展示 JSON 是不是太优雅了?
更多其他的细节功能,感兴趣的小伙伴可以去开源项目亲自体验一下吧~~~
官网:https://jsoncrack.com/
项目地址:https://github.com/AykutSarac/jsoncrack.com
程序汪资料链接
卧槽!字节跳动《算法中文手册》火了,完整版 PDF 开放下载!
卧槽!阿里大佬总结的《图解Java》火了,完整版PDF开放下载!
欢迎添加程序汪个人微信 itwang009 进粉丝群或围观朋友圈