AwesomeDataviz

Diagrams & diagrams as code

Flowcharts, UML, ER and timing diagrams. 25 tools, ranked by GitHub stars and updated .

Tools for flowcharts, sequence and UML diagrams, entity-relationship diagrams and other structured drawings, many of them generated from plain text so diagrams can be versioned with code.

By GitHub stars, the most popular diagramming tools here are Mermaid (90.5K stars), Diagrams (42.7K stars), and xyflow (38.6K stars). 16 of 25 had commits in the last 90 days.
1 Mermaid

Generate diagrams and flowcharts from markdown-like text definitions, with a live editor.

 Diagrams as code 90.5K 2,472 MIT
2 Diagrams

Diagram as code in Python for prototyping cloud system architectures.

 Diagrams as code 42.7K 48 MIT
3 xyflow

React Flow and Svelte Flow: libraries for building node-based editors, flow charts and interactive diagrams.

 JS graphs & networks 38.6K 510 MIT
4 D2

Declarative diagram scripting language that turns text into diagrams.

 Diagrams as code 25.6K 324 MPL-2.0
5 PlotNeuralNet Inactive

LaTeX code for drawing neural network architecture diagrams.

 Machine learning 25K 0 MIT
6 ChartDB

An Open-source tool to visualize database schemas and generate ER diagrams from a single query.

 Apps & tools 23K 116 AGPL-3.0
7 PlantUML

Generates UML, Gantt, mind map and other diagrams from plain text.

 Diagrams as code 13.4K 846 LGPL-3.0
8 Markmap

Builds interactive mind maps from Markdown.

 Diagrams as code 13.1K 4 MIT
9 flowchart.js

Draws SVG flowcharts from a textual description.

 Diagrams as code 8.7K 1 MIT
10 draw.io

Client-side JavaScript editor for flowcharts, network, UML and other diagrams.

 Apps & tools 8.6K 65 Apache-2.0
11 Penrose

Creates diagrams from mathematical notation in plain text, from Carnegie Mellon University.

 Diagrams as code 8K 48 MIT
12 Vue Flow

Flowchart and node-based graph component for Vue 3.

 JS graphs & networks 6.9K 22 MIT
13 X6

Diagramming library for DAGs, ER diagrams, flowcharts and other graph editors, maintained by Alibaba.

 JS graphs & networks 6.7K 116 MIT
14 LikeC4

Architecture-as-code language and tools that generate live, interactive diagrams.

 Diagrams as code 5.8K 1,831 MIT
15 JointJS

SVG-based JavaScript diagramming library for interactive diagrams and graph editors.

 JS graphs & networks 5.4K 151 MPL-2.0
16 go-diagrams Inactive

Diagram-as-code library for system architecture diagrams in Go, rendered with Graphviz.

 Go 5.2K 0 MIT
17 Kroki

Unified API that renders diagrams from many text formats, including PlantUML, Mermaid, Graphviz and D2.

 Diagrams as code 4.4K 204 MIT
18 WaveDrom

Draws timing diagrams and waveforms from simple textual descriptions.

 Diagrams as code 3.5K 12 MIT
19 Cola.js

A tool to create diagrams using constraint-based optimization techniques. Works with d3 and svg.js.

 JS graphs & networks 2.1K 3 MIT
20 diagram.js

Javascript diagram library serving as the basis for camunda's online BPMN modeler.

 JS graphs & networks 1.9K 268 MIT
21 DiagrammeR

Graph and network diagrams in R, rendered with Graphviz and mermaid.

 R 1.7K 22 MIT
22 Graphviz

Open source graph visualization command line tool and library. From input text to SVG,PDF,interactive web graph browser.

 Apps & tools 1.5K – EPL-2.0
23 Vizdom Inactive

A declarative graph layout and rendering engine for Javascript/Typescript powered by Rust/WebAssembly.

 JS graphs & networks 193 0 Apache-2.0
24 sankeydiagram.net

Web app for creating and sharing Sankey diagrams of flows and budgets without code.

 Apps & tools 123 2 MIT + Commons Clause
25 ERD Lab

Free cloud based entity relationship diagram (ERD) tool made for developers.

 Apps & tools – – – –

Head-to-head comparisons

Categories in this topic

Frequently asked questions

What is the most popular diagramming tool?

By GitHub stars, Mermaid is the most popular, with 90.5K stars, followed by Diagrams (42.7K) and xyflow (38.6K).

Which diagramming tools are actively maintained?

21 of the 25 tools listed had commits in the last 12 months, including Mermaid, Diagrams, xyflow, D2, and ChartDB. Each tool page shows monthly commit activity.

Are these diagramming tools free and open source?

23 of the 25 tools listed use an OSI-approved open-source license; the others are source-available, free to use, or use a custom license, so check each tool page. The most common license here is MIT.

Missing a tool? Add it with a one-line pull request to the README.