开源数据可视化应用程序JSON Crack

什么是 JSON Crack ?

JSON Crack 是一款免费的开源数据可视化应用程序,能够将 JSONYAMLXMLCSV 等数据格式可视化为交互式图表。凭借其直观且用户友好的界面,JSON Crack 可以轻松探索、分析和理解即使是最复杂的数据结构。无论您是从事大型项目的开发人员,还是希望发现隐藏见解的数据爱好者,JSON Crack 都能提供您所需的工具和功能,以释放数据的全部潜力。

软件特点:

  • 💯 免费且开源。
  • 🌓 黑暗模式。
  • 🖼️ 导出为 PNGSVGJPEG 和剪贴板。
  • 🔍 通过触摸手势支持缩放和平移。
  • 🛠 多种工具 - 搜索、json 路径、节点内容、展开/切换、自动格式化…
  • 🔗 分享/导入/获取
  • 🧱 可嵌入的 iframe 小部件。

如果不想自己搭建,可以去官方体验:https://jsoncrack.com

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 shokohsc/jsoncrack ,版本选择 latest

端口

本地端口不冲突就行,不确定的话可以用命令查一下

1
2
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
8122 8080

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

1
2
3
4
5
6
# 运行容器
docker run -d \
--restart unless-stopped \
--name jsoncrack \
-p 8122:8080 \
shokohsc/jsoncrack

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

1
2
3
4
5
6
7
8
9
version: '3'

services:
jsoncrack:
image: shokohsc/jsoncrack
container_name: jsoncrack
restart: unless-stopped
ports:
- 8122:8080

然后执行下面的命令

1
2
3
4
5
6
7
8
9
10
# 新建文件夹 jsoncrack
mkdir -p /volume1/docker/jsoncrack

# 进入 jsoncrack 目录
cd /volume1/docker/jsoncrack

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:8122 就能看到主界面

点右上角的红色按钮 Editor 进入编辑器模式

目前支持的格式为 5 种,包括 JSONYAMLXMLTOMLCSV

左侧可以直接编辑

如果想在节点上直接编辑,是需要付费的

另外还有 VS Code Extension

参考文档

AykutSarac/jsoncrack.com: ✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML, CSV and more, into interactive graphs.
地址:https://github.com/AykutSarac/jsoncrack.com

JSON Crack | Visualize Instantly Into Graphs
地址:https://jsoncrack.com/