# Misc Content Creation # Diagrams as Code (DaC) & Diagramming ## Related Terms - DaC - Diagrams as code - GML - Graph Modeling Language - DOT - Graphviz DOT Language - UML - Unified Modeling Language - BPMN - Business Process Model and Notation - ERD - Entity Relationship Diagram - C4 - Context, Container, Component, and Class diagrams - SDL - Specification and Description Language - ArchiMate - Enterprise architecture modeling language - AWS CDK - AWS Cloud Development Kit - TLA+ - Temporal Logic of Actions - SysML - Systems Modeling Language - N2 Diagrams - NeuroML2 visualization tool - LAD - Ladder Logic Diagram - SDL - Specification and Description Language - DMN - Decision Model and Notation - ER/EER - Entity-Relationship / Enhanced Entity-Relationship Diagram - PERT - Program Evaluation and Review Technique - SADT - Structured Analysis and Design Technique - Flowchart - A graphical representation of a process or workflow. ## DaC Tools - [Graphviz](https://graphviz.org/) - [Mermaid](https://mermaid-js.github.io/mermaid/#/) - [PlantUML](https://plantuml.com/) - [AsciiFlow](https://asciiflow.com/) - [Draw.io](https://www.diagrams.net/) - [C4 PlantUML](https://github.com/plantuml-stdlib/C4-PlantUML) - [Ditaa](https://ditaa.sourceforge.io/) - [Blockdiag](http://blockdiag.com/) - [Diagrams.net](https://www.diagrams.net/) - [NetworkX](https://networkx.github.io/) - [D3.js](https://d3js.org/) - [JointJS](https://www.jointjs.com/) - [Viz.js](https://github.com/mdaines/viz.js) - [UMLet](https://www.umlet.com/) - [Nomnoml](https://nomnoml.com/) - [Swimlane](https://swimlanes.io/) - [ProcessOn](https://www.processon.com/) - [ZenUML](https://app.zenuml.com/) - [yEd Graph Editor](https://www.yworks.com/products/yed) - [Omnigraffle](https://www.omnigroup.com/omnigraffle) ### Misc Table of DaC and Diagram Tools | **Tool Name** | **Open Source** | **Code/Format Used** | **Types of Visualizations** | **Other Features** | **Pricing Options** | **Hosting Options** | | --- | --- | --- | --- | --- | --- | --- | | [**Diagrams.net**](https://www.diagrams.net/) (formerly Draw.io) | Yes | YAML, JSON, and XML | Flowcharts, network diagrams, UML diagrams, BPMN diagrams, ER diagrams, and more | Offers a variety of templates and shapes, and allows for real-time collaboration. Supports integrations with other tools. | Free | Online/cloud | | [**Mermaid**](https://mermaid-js.github.io/mermaid/) | Yes | Simple text-based code | Flowcharts, sequence diagrams, Gantt charts, and more | Offers a simple syntax for building diagrams, and supports a variety of output formats. | Free | Self-hosted or online/cloud | | [**Graphviz**](https://graphviz.org/) | Yes | Simple text-based code | Flowcharts, network diagrams, and more | Offers a wide range of layout algorithms, and supports a variety of output formats. | Free | Self-hosted or desktop | | [**PlantUML**](http://plantuml.com/) | Yes | Simple text-based code | UML diagrams, sequence diagrams, and more | Offers a simple syntax for building diagrams, and supports a variety of output formats. | Free | Self-hosted or desktop | | [**BlockDiag**](http://blockdiag.com/en/) | Yes | Simple text-based code | Block diagrams, flowcharts, and more | Offers a simple syntax for building diagrams, and supports a variety of output formats. | Free | Self-hosted or desktop | | [**WaveDrom**](https://wavedrom.com/) | Yes | Simple text-based code | Waveform diagrams | Offers a simple syntax for building diagrams, and supports real-time collaboration. | Free | Self-hosted or online/cloud | | [**GoJS**](https://gojs.net/latest/index.html) | No (Free trial available) | JavaScript code | Flowcharts, network diagrams, UML diagrams, and more | Offers a wide range of templates and shapes, and supports real-time collaboration. | Paid | Online/cloud | | [**JointJS**](https://www.jointjs.com/) | No (Free trial available) | JavaScript code | Flowcharts, network diagrams, and more | Offers a wide range of templates and shapes, and supports real-time collaboration. | Paid | Online/cloud | | [**Nomnoml**](http://www.nomnoml.com/) | Yes | Simple text-based code | UML diagrams | Offers a simple syntax for building diagrams, and supports a variety of output formats. | Free | Self-hosted or online/cloud | | [**Railroad Diagram Generator**](https://tabatkins.github.io/railroad-diagrams/generator.html) | Yes | Simple text-based code | Railroad diagrams | Offers a simple syntax for building diagrams, and supports a variety of output formats. | Free | Self-hosted or online/cloud | | [**DrawSQL**](https://drawsql.app/) | No (Free trial available) | Web-based GUI | Entity relationship diagrams | Offers a simple drag-and-drop interface for building diagrams, and supports a variety of database engines. | Paid | Online/cloud |