Diagram Tools

Create beautiful diagrams from simple text. Flowcharts, sequence diagrams, graphs, and data visualizations - all in your browser.

🧜‍♀️

Mermaid

Create flowcharts, sequence diagrams, class diagrams, and more with simple text syntax.

FlowchartsSequence DiagramsClass DiagramsGantt ChartsER Diagrams
graph TD
    A[Start] --> B{Decision}
    B -->|Yes| C[Action 1]
    B -->|No| D[Action 2]
Open Mermaid Editor
📐

D2

Modern diagram scripting language with beautiful default styling and layout.

Auto LayoutThemesContainersConnectionsIcons
shape: sequence_diagram

alice -> bob: Hello!
bob -> alice: Hi there!
Open D2 Editor
🔗

GraphViz

Industry-standard graph visualization using DOT language for complex diagrams.

DOT LanguageComplex GraphsMultiple LayoutsClustersCustom Shapes
digraph G {
    A -> B -> C
    A -> D -> C
}
Open GraphViz Editor
📊

GnuPlot

Create scientific plots, charts, and data visualizations with precision.

2D/3D PlotsFunctionsData FilesMath FormulasScientific
set title "Sine Wave"
plot sin(x) title 'sin(x)'
Open GnuPlot Editor

Common Use Cases

Software Architecture

Document systems, APIs, and data flows.

Process Documentation

Create flowcharts for business processes.

Technical Writing

Add diagrams to documentation and READMEs.

Scientific Research

Visualize data and create publication-ready plots.

Frequently Asked Questions