工具目录
全部图表工具
按格式、工作流和图表类型浏览 DiagramPreview 工具。
可用工具
42Mermaid Preview
带 SVG 实时预览和导出操作的 Mermaid 编辑器。
AI 图表生成器
用自然语言提示词生成 Mermaid 图表。
文本转 Mermaid
把产品说明、事故记录和架构文本转换成 Mermaid 图表。
Mermaid AI 修复器
用 AI 修复 Mermaid 语法并提升图表可读性。
架构图生成器
用 AI 从产品或系统说明生成 Mermaid 架构图。
PlantUML Preview
通过可替换的 server renderer 预览 PlantUML 文本图。
AI PlantUML 生成器
通过 Gemini 和 DeepSeek 兜底从自然语言生成 PlantUML。
AI Draw.io 生成器
根据架构、CI/CD、数据链路描述生成可编辑的 diagrams.net / draw.io XML。
Markdown Preview
预览 Markdown，并渲染 Mermaid fenced code block。
Grafana 看板生成器
为 Prometheus、Loki、Node Exporter、API、Kubernetes 监控生成 Grafana dashboard JSON。
Prometheus 告警规则生成器
为 API、基础设施、Kubernetes、数据库、队列生成 Prometheus alert rules YAML。
Sequence Diagram Preview
使用 Mermaid sequenceDiagram 语法预览时序图。
OpenAPI 转序列图
在本地把 OpenAPI paths 转成 Mermaid 序列图。
PlantUML 转 Draw.io
将常见 PlantUML 时序图、组件图、类图、活动图转换为可编辑 draw.io XML，并提供 SVG 预览。
SQL 转 ER 图
把 CREATE TABLE SQL 转成 Mermaid ER 图。
package.json 依赖图
可视化 package.json 中的 dependencies、devDependencies、peerDependencies 和 optionalDependencies。
Docker Compose 架构图
把 Docker Compose 服务和依赖关系转换为清晰的架构图。
Graphviz DOT Preview
在浏览器中把 DOT 图渲染成 SVG。
Mermaid 转 Draw.io
将常见 Mermaid 流程图和时序图转换为可编辑 draw.io XML，并提供 SVG 预览。
D2 Preview
为即将接入的 D2 renderer 准备的结构化工作区。
Kubernetes Manifest 可视化
把 Kubernetes manifest 转成资源树，查看 Deployment、Service、Ingress、标签和命名空间。
Terraform 架构图
将 Terraform resource 块和引用关系可视化为架构图。
Regex 铁路图
把正则表达式转换成简单的铁路图，适合写文档和代码评审。
GitHub Actions 工作流图
将 GitHub Actions YAML 中的 jobs、needs、steps 转换为可读工作流图。
Mind Map Preview
把 Markdown 标题或缩进文本接入思维导图工作区。
JSON Schema 可视化
查看 JSON Schema 属性、类型、必填字段和组合结构。
XML 转图表
把 XML 文档转换为易读结构树，适合查看 RSS、SVG、配置和集成载荷。
JSON to Diagram
把 JSON 可视化成可读的对象与数组树。
CSV 转图表
把 CSV 文件预览成行列结构树，方便快速检查数据。
YAML to Diagram
把 YAML 文档可视化成可读的树状图。
Dockerfile 可视化
将 Dockerfile 构建阶段和指令可视化为步骤图。
Draw.io Viewer
在预览工作区中检查 draw.io 与 diagrams.net XML。
Helm Values 可视化
将 Helm values.yaml 展示为可展开结构，方便 Chart 审查和文档编写。
Nginx 配置可视化
可视化 nginx server、location、proxy_pass、upstream 关系。
OpenTelemetry Trace 转时序图
将 OpenTelemetry spans JSON 转换为 Mermaid 时序图，便于排查请求链路。
日志转时序图
将简单服务调用日志转换为 Mermaid 时序图。
GraphQL Schema 可视化
可视化 GraphQL types、inputs、interfaces、fields 和关系。
Protobuf Schema 可视化
将 protobuf message、字段和引用关系可视化为类图。
AsyncAPI 事件流图
将 AsyncAPI channels 转换为生产者、频道、消费者事件流图。
DBML 转 ER 图
将 DBML 表定义和 Ref 关系转换为 Mermaid ER 图。
Prisma Schema 图
将 Prisma model 块转换为 ER 风格 Schema 图。
Draw.io 转 SVG 预览
将未压缩的 diagrams.net / draw.io XML 预览为 SVG，并支持导出渲染结果。