声明式绘图正迅速取代软件架构师、开发人员和文档撰写者所使用的传统拖放工具。在代码即图格式中，D2 语言因其人类可读的语法和灵活的布局能力而脱颖而出。然而，在编写 D2 代码时获得即时视觉反馈的过程往往十分繁琐。
什么是 D2 图表编辑器？
一个D2 图表编辑器是一个专为将 D2 声明式代码实时转换为可视化架构图、流程图和系统图而设计的创作环境。Visual Paradigm 免费的D2 图表编辑器提供了一个零配置、基于 Web 的环境，具备实时并排渲染、导出功能以及文档集成能力。
为何选择使用 D2 进行代码即图？
D2（声明式绘图）使团队能够在 Git 等版本控制系统中，将架构文档与源代码一同维护。开发人员无需手动调整方框位置和连接线，而是通过编程方式描述关系：
x -> y: HTTP GET /api/v1/users
y -> database: 查询用户记录
database -> y: 返回 JSON
y -> x: 200 OK
虽然语法简单，但传统上可视化结果需要本地命令行工具或多步骤预览配置。
VPasCode D2 在线编辑器的关键特性
- 即时实时预览：每次按键即更新渲染，无延迟，确保设计变更的即时反馈。
- 多种布局引擎支持：在 Dagre 和 ELK 等布局引擎之间无缝切换，以微调网络图、序列图和系统图。
- 高分辨率导出：将完成的图表直接导出为可缩放矢量图形（SVG）或清晰的 PNG 图像，用于演示和报告。
- 无缝共享：共享实时可编辑的预览链接，或即时生成可扫描的二维码，以实现快速协作。
- OpenDocs 文档流水线：将完成的 D2 可视化结果直接发送至 Visual Paradigm OpenDocs，以维护自动更新的技术维基和知识库。
代码即图工作流对比
| 功能 | 传统命令行渲染 | VPasCode D2 编辑器 |
|---|---|---|
| 需要设置 | 本地环境安装 | 零设置（基于浏览器） |
| 反馈速度 | 手动重新编译 | 亚秒级实时预览 |
| 格式灵活性 | 仅限 D2 | 统一支持（D2、PlantUML、Mermaid、Graphviz、ECharts） |
| 文档集成 | 手动嵌入文件 | 直接发布到 Visual Paradigm OpenDocs |
所有图表语言的统一平台
除了支持 D2 语言外，VPasCode环境提供多语法引擎。在遗留和现代工具链中工作的开发人员可以编写并渲染PlantUML、Mermaid、ECharts、SQL 模式、JSON 和 YAML在同一 Web 编辑器中完成，消除工程团队中的工具疲劳。
常见问题
VPasCode D2 图表编辑器是否完全免费？
是的，VPasCode D2 图表编辑器提供完全免费的基于浏览器的编辑、即时实时预览以及 SVG/PNG 导出，无需安装或付费订阅。
在线 D2 工具支持哪些布局引擎？
在线 D2 工具支持流行的布局引擎，如 Dagre 和 ELK，允许用户自动自定义图表方向和节点位置。
我能否将 D2 图表嵌入技术文档？
可以，在 D2 编辑器中创建的图表可以导出为 SVG/PNG 图像，或直接发送至 Visual Paradigm OpenDocs，以便无缝嵌入知识库和技术文档。