工具目錄
全部圖表工具
按格式、工作流和圖表類型瀏覽 DiagramPreview 工具。
可用工具
42Mermaid Preview
Mermaid Preview 的線上預覽工作區，支援範例、語法檢查和匯出操作。
AI 圖表生成器
用自然語言提示詞生成 Mermaid 圖表。
文字轉 Mermaid
把產品說明、事故記錄和架構文字轉換成 Mermaid 圖表。
Mermaid AI 修復器
用 AI 修復 Mermaid 語法並提升圖表可讀性。
架构图生成器
用 AI 从产品或系统说明生成 Mermaid 架构图。
PlantUML Preview
PlantUML Preview 的線上預覽工作區，支援範例、語法檢查和匯出操作。
AI PlantUML 生成器
通过 Gemini 和 DeepSeek 兜底从自然语言生成 PlantUML。
AI Draw.io 產生器
根据架构、CI/CD、数据链路描述生成可编辑的 diagrams.net / draw.io XML。
Markdown Preview
Markdown Preview 的線上預覽工作區，支援範例、語法檢查和匯出操作。
Grafana 看板產生器
为 Prometheus、Loki、Node Exporter、API、Kubernetes 监控生成 Grafana dashboard JSON。
Prometheus 告警规则產生器
为 API、基础设施、Kubernetes、数据库、队列生成 Prometheus alert rules YAML。
Sequence Diagram Preview
Sequence Diagram Preview 的線上預覽工作區，支援範例、語法檢查和匯出操作。
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
Graphviz DOT Preview 的線上預覽工作區，支援範例、語法檢查和匯出操作。
Mermaid 轉 Draw.io
将常见 Mermaid 流程圖和时序圖轉換为可编辑 draw.io XML，并提供 SVG 預覽。
D2 Preview
D2 Preview 的線上預覽工作區，支援範例、語法檢查和匯出操作。
Kubernetes Manifest 視覺化
把 Kubernetes manifest 转成资源树，查看 Deployment、Service、Ingress、标签和命名空间。
Terraform 架构圖
将 Terraform resource 块和引用关系視覺化为架构圖。
Regex 鐵路圖
把正则表达式转换成简单的铁路图，适合写文档和代码评审。
GitHub Actions 工作流圖
将 GitHub Actions YAML 中的 jobs、needs、steps 轉換为可读工作流圖。
Mind Map Preview
Mind Map Preview 的線上預覽工作區，支援範例、語法檢查和匯出操作。
JSON Schema 可视化
查看 JSON Schema 属性、类型、必填字段和组合结构。
XML 轉圖表
把 XML 文档转换为易读结构树，适合查看 RSS、SVG、配置和集成载荷。
JSON to Diagram
JSON to Diagram 的線上預覽工作區，支援範例、語法檢查和匯出操作。
CSV 轉圖表
把 CSV 文件预览成行列结构树，方便快速检查数据。
YAML to Diagram
YAML to Diagram 的線上預覽工作區，支援範例、語法檢查和匯出操作。
Dockerfile 視覺化
将 Dockerfile 构建阶段和指令視覺化为步骤圖。
Draw.io Viewer
Draw.io Viewer 的線上預覽工作區，支援範例、語法檢查和匯出操作。
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，并支持导出渲染结果。