> For the complete documentation index, see [llms.txt](https://irosyadi.gitbook.io/irosyadi/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://irosyadi.gitbook.io/irosyadi/drawing/diagram-app.md).

# Awesome List of Diagram Apps

List of Diagram Apps

* [spark-joy/README.md at master · sw-yx/spark-joy](https://github.com/sw-yx/spark-joy/blob/master/README.md#general-purpose-diagramming)

## Cloud-based Diagram App

* [Excalidraw](https://excalidraw.com/) : [Github link](https://github.com/excalidraw/excalidraw) hand-draw-like diagram tools
* [Sketchviz](https://sketchviz.com/new) : [Graphviz](https://www.graphviz.org/) hand-draw-like diagram tools
* [Quiver](https://q.uiver.app/) : online math diagram tools, [Github Repo](https://github.com/varkor/quiver)
* [Tikzcd](https://tikzcd.yichuanshen.de/) : online math diagram tools, [Github Repo](https://github.com/yishn/tikzcd-editor)
* [IPE](https://ipe.otfried.org/) : math diagram tools
* [LatexDraw](http://latexdraw.sourceforge.net/) : LaTeXDraw is a graphical drawing editor for LaTeX. LaTeXDraw can be used to 1) generate PSTricks code; 2) directly create PDF or PS pictures.
* [Diagrams](https://app.diagrams.net/)
* [asciiflow.com](https://asciiflow.com/#/)
* [Excalidraw](https://excalidraw.com/)
* [jncraton/box-line-text: Simple virtual whiteboarding](https://github.com/jncraton/box-line-text)
* [Online text to diagram tools - XOSH.ORG](https://xosh.org/text-to-diagram/)
* [Plant UML](https://plantuml.com/)
* [Web Graphviz](https://www.webgraphviz.com/) : Web based graphviz
* [Edotor](https://edotor.net/)
* [Gravizo](https://www.gravizo.com/) for show in web
* [Python Implementation](https://github.com/mingrammer/diagrams)
* [Terrastruct - Terrastruct is a diagram maker uniquely crafted for software engineers to visualize their designs and architectures.](https://terrastruct.com/)
* [Flowchart Maker & Online Diagram Software](https://app.diagrams.net/)
  * [jgraph/drawio: Source to app.diagrams.net](https://github.com/jgraph/drawio)
* [GoJS Diagram and Graph Library for JavaScript and TypeScript](https://gojs.net/latest/index.html)

## Math based Diagram

* [Matcha](https://www.mathcha.io/) plus desktop app
* Geogebra

## Diagram as Code (Programmable Diagram)

* [Plant UML](https://plantuml.com/)
* [PlantText UML Editor](https://www.planttext.com/)
* [Graphviz](https://www.graphviz.org/) : Programming language for drawing graphs
* [Sketchviz](https://sketchviz.com/new) Grahphviz in sketch style
* [Markdeep](https://casual-effects.com/markdeep/)
* [Edotor—Online Graphviz Editor](https://edotor.net/)
* [flowchart.fun](https://flowchart.fun/)
* [BPMN Sketch Miner](https://www.bpmn-sketch-miner.ai/index.html#)
* [mermaid-js](https://mermaid-js.github.io/mermaid/#/)
* [Pikchr](https://pikchr.org/home/doc/trunk/homepage.md)
* [Gephi](https://gephi.org/) Open source Graph Visualization Software
* [Diagrams · Diagram as Code](https://diagrams.mingrammer.com/) for cloud diagram
* [dbdiagram.io - Database Relationship Diagrams Design Tool](https://dbdiagram.io/home) for database diagram
* [The C4 model for visualising software architecture](https://c4model.com/)
* [Swimlanes.io](https://swimlanes.io/)
* [WebSequenceDiagrams](https://www.websequencediagrams.com/)
* [SequenceDiagram.org - UML Sequence Diagram Online Tool](https://sequencediagram.org/)
* [Playground • Diagwiz](https://diagwiz.io/playground/)
* [js-sequence-diagrams by bramp](https://bramp.github.io/js-sequence-diagrams/)
* [tldraw](https://www.tldraw.com/)
* [minimator](https://minimator.app/)

## Neural Network Diagram

* [NN-SVG](https://alexlenail.me/NN-SVG/index.html) : neural network and deep learning architecture diagram
* [HarisIqbal88/PlotNeuralNet: Latex code for making neural networks diagrams](https://github.com/HarisIqbal88/PlotNeuralNet)
* [NN SVG](https://alexlenail.me/NN-SVG/)

## Diagram

* [ivanceras/svgbob: Convert your ascii diagram scribbles into happy little SVG](https://github.com/ivanceras/svgbob) ASCII to SVG
  * [Svgbob editor](https://ivanceras.github.io/svgbob-editor/)
* <https://mbarkhau.keybase.pub/asciigrid/> ASCII Grid
* [ASCIIFlow](https://asciiflow.com/#/)
* [Markdeep](https://casual-effects.com/markdeep/)
* [Mœbius ANSI Art Editor](https://blocktronics.github.io/moebius/)
* [Kroki!](https://kroki.io/) Programmable Diagram

## Diagram

* [penrose/penrose: Create beautiful diagrams just by typing mathematical notation in plain text.](https://github.com/penrose/penrose)

## Diagrams

* [Stately Editor public beta](https://stately.ai/blog/stately-editor-public-beta)

## Diagram Tools

* [Free Apps for Microsoft Visio Files](https://products.fileformat.app/diagram/)
  * filetype VSD, VSDX

## Text to Diagram

* [spark-joy/README.md at master · sw-yx/spark-joy](https://github.com/sw-yx/spark-joy/blob/master/README.md#code-based-graph-tools)
* [mlajtos/moniel: Interactive Notation for Computational Graphs](https://github.com/mlajtos/moniel)
* [Diagrams · Diagram as Code](https://diagrams.mingrammer.com/)
* [A Visualization Grammar | Vega](https://vega.github.io/vega/)
* [Flowchart Fun — Fast, Free Online Flowchart Maker](https://flowchart.fun/)