「小墨是前端」专注分享前端技术，推荐优秀的开源项目，展示Github、Gitee上的创意作品，带你深入前端底层，一起成长。

本期向大家推荐一个JSON的可视化工具：JSON Crack。有免费、付费两种版本，原则上免费版本就可以完成大部分需求。

一.简介

JSON Crack是一个免费的开源数据可视化工具，可以将JSON、YAML、XML、CSV等数据格式转换为交互式图表。凭借直观且用户友好的界面，即使是最复杂的数据结构，JSON Crack也能轻松探索、分析和理解。无论你是从事大型项目的开发人员，还是希望发现隐藏洞察的数据爱好者，JSON Crack都拥有你所需的工具和功能，以充分释放数据的潜力。

二.功能特点

• 免费且开源。
• 支持暗模式。
• ? 可以导出为PNG、SVG、JPEG格式，或复制到剪贴板。
• 支持缩放和移动，并支持触控手势。
• ? 提供丰富的工具 - 搜索、JSON路径、节点内容、展开/切换、自动格式化等。
• 支持共享/导入/获取数据。
• 可嵌入式iframe小部件。

三.使用步骤

使用方式1：在克隆仓库后，运行以下命令

1. 克隆存储库后，运行以下命令：

pnpm install

2. 运行方式：

pnpm dev

3. 使用浏览器打开下面地址：

http://localhost:3000

使用方式2：通过docker形式，以下是一个Dockerfile文件：

# 使用以下命令构建 Docker 镜像：
docker build -t jsoncrack .

# 通过 `docker run` 在本地运行
docker run -p 8888:8080 jsoncrack

# 通过 `docker-compose` 在本地运行
docker-compose up -d

# 访问 http://localhost:8888

四.项目地址

https://github.com/AykutSarac/jsoncrack.com

五.总结

如果你想用简单的方法，展现你的数据，那么一定要试试JSON Crack这款数据可视化工具。它可以让你仅用几个点击，就可以让你的数据更加鲜活。赶紧来体验JSON Crack，让数据变的更好看！

创作不易，欢迎大家关注、点赞、收藏、转发！我会继续分享高质量的干货和前沿的技术，给大家提供更多有价值的内容！