YAML可视化

工具介绍

在线 YAML 可视化工具，参考 JSON 可视化体验，将 YAML 结构转为可交互节点关系图。左侧编辑原始 YAML，右侧实时展示对象/数组卡片与连线；示例内含大整数、大数字且小数等场景，便于核对精度与层级关系。所有数据仅在浏览器本地处理。

功能说明

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

注意事项

• 节点数过多（默认上限 800）时将提示无法完整渲染，建议先裁剪数据或折叠深层节点
• 所有数据仅在浏览器本地处理，不会上传服务器
• 需要把结果转成 JSON 时可配合站内「YAML/XML/CSV 转 JSON」等工具