XML可视化

代码
节点图
在左侧输入内容,右侧将实时生成节点图
准备就绪
-

工具介绍

在线 XML 可视化工具,将 XML 文档转为可交互节点关系图。元素、属性(@attrs)与文本内容分层展示;示例包含大整数与带尾随 0 的小数。数据仅在浏览器本地解析。

功能说明

  • 代码编辑:左侧 Ace 编辑器编辑原始文本,支持打开本地文件、复制与清空;编辑后右侧图实时更新
  • 节点图:对象与数组渲染为卡片节点,字段 key 高亮显示;嵌套关系以曲线连线表示
  • 大数示例:内置示例包含超过安全整数的大整数(如 9007199254740993)以及带尾随 0 的小数(如 678.900),节点图中按字面量展示
  • 交互浏览:拖拽平移、滚轮缩放、适应画布、定位根节点;可切换向右 / 向下 / 向左 / 向上布局
  • 搜索与主题:按关键字搜索节点并高亮;支持白/黑主题与导出 PNG
  • 格式化:对 XML 标签进行缩进美化,便于阅读

注意事项

  • 节点数过多(默认上限 800)时将提示无法完整渲染,建议先裁剪数据或折叠深层节点
  • 所有数据仅在浏览器本地处理,不会上传服务器
  • 需要把结果转成 JSON 时可配合站内「YAML/XML/CSV 转 JSON」等工具
  • 同名兄弟节点会合并为数组;属性集中在 @attrs 字段下