DiagramPreview
D2架构预览工作区

D2 Preview

在共享工作区中编写 D2 图表文本，等待专用 renderer 接入。

示例
D2 预览就绪
D2 renderer 正在建设中。

使用方法

  1. 1粘贴 D2 文本。
  2. 2使用示例组织架构说明。
  3. 3renderer 启用后可输出 SVG。

常见场景

架构草图服务关系系统图

相关工具

AI 图表生成器

用自然语言提示词生成 Mermaid 图表。

Mermaid AI 修复器

用 AI 修复 Mermaid 语法并提升图表可读性。

架构图生成器

用 AI 从产品或系统说明生成 Mermaid 架构图。

常见问题

D2 渲染已启用吗？

路由和工作区已经准备好，专用 renderer 会在下一阶段接入。

D2 Preview 已接入 DiagramPreview 工具家族，后续可以复用同一套编辑器、metadata、导出和相关工具导航。

第一版先搭好页面结构和示例系统，专用 renderer 后续可无缝接入。

该页面面向架构草图、服务图和文本优先的系统图。