Currently running GitHub Pages Demo|Learn limitations
Open Source & Free · Ready to Use

Modern Diagram Visualization Tool16+ Engines in One Place

Supports Mermaid, PlantUML, Graphviz, D2 and other mainstream diagram syntaxes. Local rendering protects privacy, remote rendering supports more formats

GitHub Stars·MIT License

Clean and Intuitive Editing

Real-time preview, syntax highlighting, auto-completion for smoother diagram creation

graphviewer.app/editor
graph TD
    A[开始] --> B{判断条件}
    B -->|是| C[执行操作]
    B -->|否| D[跳过]
    C --> E[记录日志]
    D --> E
    E --> F[结束]
    
    style A fill:#e1f5fe
    style F fill:#c8e6c9

Live Preview Area

Try Now

Powerful and Flexible Features

Meeting diagram needs of individual developers and enterprise teams

16+ Diagram Engines

Support for Mermaid, PlantUML, Graphviz, D2, Vega and other mainstream diagram syntaxes to meet various visualization needs.

Privacy First

Local WASM rendering engines (Mermaid, Graphviz) run entirely in the browser without uploading data to servers.

Hybrid Rendering

Local rendering for fast response, remote Kroki service for more formats (PNG/PDF) and engines.

Multi-format Export

Support for SVG, PNG (2x/4x HD), PDF, HTML, Markdown and other export formats.

Instant Sharing

Generate short links using LZ-string compression algorithm for easy sharing and embedding in documents.

Multi-diagram Workspace

Local persistent storage with version history, diagram management and workspace import/export.

Supporting 16+ Diagram Engines

From simple flowcharts to complex data visualization, one tool does it all

常用图表

最流行的图表引擎,覆盖大部分使用场景

MermaidLocal
PlantUML
Graphviz (DOT)Local
D2

流程图系列

专注于流程图和活动图

Flowchart.jsLocal
BlockDiag
ActDiag (活动图)

数据可视化

数据驱动的可视化方案

Vega
Vega-Lite
WaveDrom (波形图)

其他专业工具

特定领域的专业图表工具

Nomnoml
Ditaa
SVGBob (ASCII)
ERD (实体关系图)
💡 Tip: Engines marked "Local" work fully in the GitHub Pages demo without backend services. Full Docker deployment supports all 16+ engines and PNG/PDF export.

Choose Your Deployment Method

From free demo to full production, flexible for all needs

Free Trial

GitHub Pages (Demo)

Current

Ideal for quick testing and simple diagrams

Experience core features at zero cost, no deployment required

  • Mermaid / Graphviz / Flowchart.js
  • Local rendering, privacy secure
  • SVG format only
  • No remote engine support
Try Now
Full Features

Docker (Full Version)

Ideal for team collaboration and production

One-click deployment for complete 16+ engine support and advanced features

  • All 16+ diagram engines
  • SVG / PNG / PDF all formats
  • Optional AI assistance
  • Complete data persistence
View Deployment Guide

Demo (GitHub Pages) Feature Limitations

FeatureDemo (Current)Docker Full Version
Supported Engines3 (Mermaid, Graphviz, Flowchart.js)16+ (including PlantUML, D2, Vega, etc.)
Export FormatsSVG onlySVG, PNG (2x/4x), PDF, HTML, Markdown
AI FeaturesNot supportedOptional, supports code analysis and generation
DeploymentGitHub Pages static hostingDocker, Vercel, Netlify, self-hosted servers

💡 Tip: The demo uses local WASM rendering engines, processing data entirely in the browser for privacy protection. For full features, consider deploying the Docker full version.

Ready to Get Started?

Currently in demo mode with 3 local rendering engines. Deploy the full version to unlock all 16+ engines and advanced features.

Demo has limited features,view detailed comparison