Skip to content

基于Web的单文件JSON可视化工具,支持通过交互式欧拉图展示数据结构。A single-file web-based JSON visualizer using Euler Diagram.

License

Notifications You must be signed in to change notification settings

eachgo/JSON_Euler_Diagram

Repository files navigation

JSON可视化欧拉图生成器

项目LOGO

一个基于Web的交互式JSON数据结构可视化工具。

可以方便地查看JSON结构,特别是对于那些陌生的JSON格式或包含大量层级的文件。

也可以用来通过目视查找不符合预期的JSON结构。

功能特性

  • 无需联网,直接在浏览器中解析JSON文件
  • 可视化自定义颜色设置
  • 本地JSON文件上传解析
  • 双击节点折叠
  • 本地存储用户偏好设置
  • 能打开的文件大小取决于你的内存和浏览器性能(笔者测试100MB的没问题)

快速开始

  1. 直接访问github.io
  2. 本地运行:
  3. 从指定位置下载单文件 HTML 文件。
  4. 找到下载好的 HTML 文件,双击该文件即可在默认浏览器中打开并使用。

使用方法

  1. 点击"上传JSON文件"按钮选择.json文件
  2. 使用主题选择器切换配色方案
  3. 在颜色设置面板:
    • 直接输入颜色值(支持HEX/rgb/rgba)
    • 点击"应用"保存自定义方案
    • 点击"重置"恢复默认主题
  4. 点击节点标题折叠/展开子元素

许可证

MIT License

About

基于Web的单文件JSON可视化工具,支持通过交互式欧拉图展示数据结构。A single-file web-based JSON visualizer using Euler Diagram.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages