程序员必备的JSON可视化工具

admin12个月前 (07-31)前端技术819

前言

JSON文本难于阅读,格式化也不够直观,而且当数据量大的时候还会造成卡顿,今天推荐一个JSON可视化工具,让你一眼看穿JSON——jsoncrack6400.png

无论您是从事大型项目的开发人员,还是希望发现隐藏见解的数据爱好者,JSON Crack 都拥有释放数据全部潜力所需的工具和功能。

JSON Crack 是一款免费的开源数据可视化应用程序,能够将 JSON、YAML、XML、CSV 等数据格式可视化为交互式图表。凭借其直观且用户友好的界面,JSON Crack 可以轻松探索、分析和理解最复杂的数据结构。

640.webp

特点

  • 图形和树视图模式
  • 使用 AI 转换和过滤数据
  • 导出到 PNG、SVG、JPEG 和剪贴板
  • 通过触摸手势支持缩放和平移
  • 支持 JSON、YAML、CSV、XML、TOML...
  • JQ,JSON模式,解码JWT,生成类型和接口
  • 广泛的工具 - 搜索图形、json 路径、验证、保存到云...
  • 可嵌入的 iframe 小部件

开发

Node.js版本需要>=18.x)

# 下载
git clone https://github.com/AykutSarac/jsoncrack.com.git

# 安装
pnpm install

# 运行
pnpm dev

640 (1).webp

可以直接从文件导入JSON

640 (2).webp

插件

JSON Crack 同时也支持VS Code 扩展。此扩展无缝弥合了数据和可视化之间的差距,使开发人员、数据分析师和爱好者能够毫不费力地将复杂的 JSON 数据集转换为信息丰富且具有视觉吸引力的图表。

640 (3).webp

相关文章

uniapp如何设置自定义的思源黑体

要在 Uniapp 中全局默认使用自定义的思源黑体字体,您可以按照以下步骤进行操作:在项目的 static 目录下创建一个名为 font 的文件夹(如果不存在)...

图片压缩神器,直接可以在前端用

图片压缩神器,直接可以在前端用

前言js-image-compressor 是一个实现轻量级图片压缩的 javascript 库,压缩后仅有 5kb,在前端页面即可实现对图片的压缩。在提供基本图片压缩功能同时,还暴露出图片...