Tool directory
All Diagram Tools
Browse every DiagramPreview tool by format, workflow, and diagram type.
Available tools
42Mermaid Preview
Live Mermaid editor with SVG preview and export actions.
AI Diagram Generator
Generate Mermaid diagrams from a natural language prompt with AI.
Text to Mermaid
Convert product notes, incidents, and architecture text into Mermaid diagrams.
Mermaid AI Fixer
Fix broken Mermaid syntax and improve diagram readability with AI.
Architecture Diagram Generator
Generate Mermaid architecture diagrams from product or system notes with AI.
PlantUML Preview
Preview PlantUML diagrams from text using a replaceable server renderer.
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 Preview
Preview Markdown with Mermaid code block rendering.
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.
Sequence Diagram Preview
Preview sequence diagrams from Mermaid sequenceDiagram syntax.
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 Dependency Diagram
Visualize package.json dependencies, devDependencies, peerDependencies, and optionalDependencies.
Docker Compose Diagram
Convert Docker Compose services and dependencies into a readable architecture diagram.
Graphviz DOT Preview
Render DOT graphs into SVG directly in the browser.
Mermaid to Draw.io
Convert common Mermaid flowcharts and sequence diagrams into editable draw.io XML with SVG preview.
D2 Preview
Structured D2 workspace prepared for the upcoming renderer.
Kubernetes Manifest Visualizer
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 Diagram
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.
Mind Map Preview
Turn Markdown headings or indented text into a mind map workspace.
JSON Schema Visualizer
Inspect JSON Schema properties, types, required fields, and composition groups.
XML to Diagram
Inspect XML documents as a readable tree for feeds, SVG snippets, configs, and integration payloads.
JSON to Diagram
Visualize JSON as a readable object and array tree.
CSV to Diagram
Preview CSV files as row and column trees for lightweight data inspection.
YAML to Diagram
Visualize YAML documents as readable tree diagrams.
Dockerfile Visualizer
Visualize Dockerfile build stages and instructions as a step-by-step diagram.
Draw.io Viewer
Inspect draw.io and diagrams.net XML files in a preview workspace.
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.