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

news2024/11/23 18:42:39

在这里插入图片描述

什么是 JSON Crack ？

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

软件特点：

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

在这里插入图片描述

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

安装

在群晖上以 Docker 方式安装。

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

在这里插入图片描述

端口

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

# 查看端口占用
netstat -tunlp | grep 端口号

本地端口	容器端口
`8122`	`8080`

在这里插入图片描述

命令行安装

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

# 运行容器
docker run -d \
   --restart unless-stopped \
   --name jsoncrack \
   -p 8122:8080 \
   shokohsc/jsoncrack

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

version: '3'

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

然后执行下面的命令

# 新建文件夹 jsoncrack
mkdir -p /volume1/docker/jsoncrack

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

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

# 一键启动
docker-compose up -d

运行

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

在这里插入图片描述

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

在这里插入图片描述

目前支持的格式为 5 种，包括 JSON 、 YAML 、 XML 、TOML 和 CSV

在这里插入图片描述

左侧可以直接编辑

在这里插入图片描述

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

在这里插入图片描述

另外还有 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