前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >18.6K Star!这款 JSON 数据可视化工具太优雅了!

18.6K Star!这款 JSON 数据可视化工具太优雅了!

作者头像
永恒君
发布2022-12-07 16:54:26
4.3K0
发布2022-12-07 16:54:26
举报
文章被收录于专栏:开源小分队开源小分队

大家好,我是可爱又机灵的开源小妹!

最近听到说2023年国考要开始,今年这个形势啊,估计又会是卷上天的节奏了,真的好累啊~~~

话说有打算去试试手气的小伙伴吗,评论区里来说说你的故事吧~~

言归正传,平时出于各种原因,好多小伙伴都喜欢 API、数据库等的 JSON 格式。

有时候一些 JSON 请求或响应很简单,只包含几个对象。但是在大多数情况下,JSON 结果都会是出乎你的意料,更可怕的是,出于各种原因和分析目的,还需要进一步对进行 JSON 深入研究。各位小伙伴们一定都深有体会~

最近小妹就偶遇到了一个非常优雅的 JSON 数据可视化工具 - jsoncrack,可以一眼看出 JSON 的奥妙,简直爱的不要不要的~~

简介

jsoncrack - 一个开源的在线 JSON 数据可视化编辑器,可以把任意JSON数据转化为树状图。

目前在收获了 18.6k Star,足见该项目的受欢迎程度。

这个工具最大的特色就是,不仅格式化数据了,还帮你生成了可视化的思维导图的形式,看起数据来更立体。

支持放大/缩小、展开/收缩、搜索节点、导出图片等操作,还可以快速部署成服务。

使用体验

可视化

打开工具主页,点击 “GO TO EDITOR”进入编辑器,你会看到一个作者准备好的 JSON 示例。

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

接下来我们来深入看看 jsoncrack 提供的其他功能。

放大/缩小

可点击右上角的+/-号进行图像的放大/缩小,直接用鼠标滚轮也是可以的。

保存导图

可以直接选择喜欢的背景颜色,进行图片的保存。

这是刚刚保存的图片

旋转导图

如果你想更换一下思维导图的方向,同样也是支持的。

压缩/恢复结点

折叠/展开结点

搜索结点

另外还有导入、保存(下载)、分享以及节点、主题等等的设置。

怎么样,用这个工具来展示 JSON 是不是太优雅了?小妹太爱作者了~~

更多其他的细节功能,感兴趣的小伙伴可以去开源项目亲自体验一下吧~~~

代码语言:javascript
复制
官网:https://jsoncrack.com/
项目地址:https://github.com/AykutSarac/jsoncrack.com
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2022-10-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 开源小分队 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 简介
  • 使用体验
    • 可视化
      • 放大/缩小
        • 保存导图
          • 旋转导图
            • 压缩/恢复结点
              • 折叠/展开结点
                • 搜索结点
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档