DiagramPreview

工具目錄

開發者圖表

為架構說明、API 流程、依賴圖和工程文件建立圖表。

可用工具

16

Sequence Diagram Preview

Sequence Diagram Preview 的線上預覽工作區,支援範例、語法檢查和匯出操作。

OpenAPI 转序列图

在本地把 OpenAPI paths 转成 Mermaid 序列图。

package.json 依賴圖

可视化 package.json 中的 dependencies、devDependencies、peerDependencies 和 optionalDependencies。

Docker Compose 架構圖

把 Docker Compose 服务和依赖关系转换为清晰的架构图。

Graphviz DOT Preview

Graphviz DOT Preview 的線上預覽工作區,支援範例、語法檢查和匯出操作。

D2 Preview

D2 Preview 的線上預覽工作區,支援範例、語法檢查和匯出操作。

Kubernetes Manifest 視覺化

把 Kubernetes manifest 转成资源树,查看 Deployment、Service、Ingress、标签和命名空间。

Terraform 架构圖

将 Terraform resource 块和引用关系視覺化为架构圖。

Regex 鐵路圖

把正则表达式转换成简单的铁路图,适合写文档和代码评审。

GitHub Actions 工作流圖

将 GitHub Actions YAML 中的 jobs、needs、steps 轉換为可读工作流圖。

Dockerfile 視覺化

将 Dockerfile 构建阶段和指令視覺化为步骤圖。

Helm Values 視覺化

将 Helm values.yaml 展示为可展开结构,方便 Chart 审查和文档编写。

Nginx 配置視覺化

視覺化 nginx server、location、proxy_pass、upstream 关系。

OpenTelemetry Trace 轉时序圖

将 OpenTelemetry spans JSON 轉換为 Mermaid 时序圖,便于排查请求链路。

日志轉时序圖

将简单服务调用日志轉換为 Mermaid 时序圖。

AsyncAPI 事件流圖

将 AsyncAPI channels 轉換为生产者、频道、消费者事件流圖。

規劃工具

Architecture Diagram PreviewFlowchart PreviewSQL ER Diagram