ツールディレクトリ
すべての図表ツール
形式、ワークフロー、図表タイプ別に DiagramPreview のツールを探せます。
利用可能なツール
42Mermaid プレビュー
Mermaid プレビュー をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。
AI 図表ジェネレーター
自然言語プロンプトから Mermaid 図表を生成します。
テキストから Mermaid
プロダクトメモ、インシデント、アーキテクチャ文を Mermaid に変換します。
Mermaid AI 修正
壊れた Mermaid 構文を AI で修正し、読みやすくします。
Architecture Diagram Generator
Generate Mermaid architecture diagrams from product or system notes with AI.
PlantUML プレビュー
PlantUML プレビュー をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。
AI PlantUML Generator
Generate PlantUML diagrams from natural language with Gemini and DeepSeek fallback.
AI Draw.io Generator
Generate editable diagrams.net / draw.io XML from architecture, CI/CD, and data flow prompts.
Markdown プレビュー
Markdown プレビュー をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。
Grafana Dashboard Generator
Generate Grafana dashboard JSON for Prometheus, Loki, Node Exporter, API, and Kubernetes monitoring.
Prometheus Alert Rule Generator
Generate Prometheus alert rules YAML for APIs, infrastructure, Kubernetes, databases, and queues.
シーケンス図プレビュー
シーケンス図プレビュー をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。
OpenAPI to Sequence Diagram
Convert OpenAPI paths into a Mermaid sequence diagram locally.
PlantUML to Draw.io
Convert common PlantUML sequence, component, class, and activity diagrams into editable draw.io XML with SVG preview.
SQL to ER Diagram
Convert CREATE TABLE SQL into a Mermaid ER diagram.
package.json 依存関係図
Visualize package.json dependencies, devDependencies, peerDependencies, and optionalDependencies.
Docker Compose 図
Convert Docker Compose services and dependencies into a readable architecture diagram.
Graphviz DOT プレビュー
Graphviz DOT プレビュー をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。
Mermaid to Draw.io
Convert common Mermaid flowcharts and sequence diagrams into editable draw.io XML with SVG preview.
D2 プレビュー
D2 プレビュー をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。
Kubernetes Manifest ビジュアライザー
Inspect Kubernetes manifests as resource trees for deployments, services, ingress, labels, and namespaces.
Terraform Architecture Diagram
Visualize Terraform resource blocks and references as a software architecture diagram.
Regex Railroad 図
Turn regular expressions into simple railroad-style diagrams for documentation and code review.
GitHub Actions Workflow Diagram
Turn GitHub Actions YAML jobs, needs, and steps into a readable workflow diagram.
マインドマップ プレビュー
マインドマップ プレビュー をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。
JSON Schema Visualizer
Inspect JSON Schema properties, types, required fields, and composition groups.
XML 図式化
Inspect XML documents as a readable tree for feeds, SVG snippets, configs, and integration payloads.
JSON から図へ
JSON から図へ をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。
CSV 図式化
Preview CSV files as row and column trees for lightweight data inspection.
YAML から図へ
YAML から図へ をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。
Dockerfile Visualizer
Visualize Dockerfile build stages and instructions as a step-by-step diagram.
Draw.io ビューア
Draw.io ビューア をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。
Helm Values Visualizer
Inspect Helm values.yaml as an expandable structure for chart review and documentation.
Nginx Config Visualizer
Visualize nginx server, location, proxy_pass, and upstream relationships.
OpenTelemetry Trace to Sequence
Convert OpenTelemetry spans JSON into a Mermaid sequence diagram for request flow review.
Log to Sequence Diagram
Turn simple service call logs into a Mermaid sequence diagram.
GraphQL Schema Visualizer
Visualize GraphQL types, inputs, interfaces, fields, and relationships.
Protobuf Schema Visualizer
Visualize protobuf messages, fields, and message references as a class diagram.
AsyncAPI Event Flow Diagram
Convert AsyncAPI channels into producer, channel, and consumer event flow diagrams.
DBML to ER Diagram
Convert DBML table definitions and refs into a Mermaid ER diagram.
Prisma Schema Diagram
Convert Prisma model blocks into an ER-style schema diagram.
Draw.io to SVG Preview
Preview uncompressed diagrams.net / draw.io XML as SVG and export the rendered result.