Top 141 diagram open source projects

PlantUML sprites, macros, and other includes for Azure services

Database schema for e-commerce (webstores) sites.

plantuml-font-icon-sprites

C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures

Transform code into a flowchart and experimentally trace the execution path through it

You can make a AWS step functions workflow with GUI and export/import JSON/YAML.

Responsive, SVG based HAR waterfall viewer

Diagram component for vue.js, inspired by react-diagrams

ERD Editor

Convert your ascii diagram scribbles into happy little SVG

🚀 A Jekyll plugin to provide powerful supports for table, mathjax, plantuml, mermaid, emoji, video, audio, youtube, vimeo, dailymotion, soundcloud, spotify, etc.

🎨 Diagram as Code for prototyping cloud system architectures

Create free cloud architecture diagrams

💎 A collection of lightweight React components and hooks to build diagrams with ease 💎

Draw.io intergration app

A pure PHP library for reading and writing diagrams files

Generate plantuml diagrams from go source files or directories

An interactive diagram of Relay Classic.

A library to display an interactive editor for any graph-like data.

Lollipop-style mutation diagrams for annotating genetic variations.

Automatically generate PlantUML diagrams in javadoc

Generate class diagrams from scala source code

A set of React components to manage GoJS Diagrams, Palettes, and Overviews

A modern commutative diagram editor for the web.

An ASCII box drawing plugin for Vim

🗺 https://structurizr.com library for PHP - generate architecture diagrams from code

The sassy UML diagram renderer

🚀 JavaScript diagramming library that uses SVG and HTML for rendering.

A simple visual editor for creating commutative diagrams.

Previews Mermaid diagrams

🦋Butterfly，A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)

Vue Flowy makes creating flowchart or hierarchy chart functionality an easy task. Build automation software, mind mapping tools, organisation charts, or simple programming platforms in minutes by implementing the library into your project.

Ontodia data diagraming library

🌊 Digital timing diagram rendering engine

Interactive diagrams of Kotlin Flow https://flowmarbles.com

Interactive visualizations of Terraform dependency graphs using d3.js

A number of small tools for generating and manipulating diagrams, mostly based around Graphviz

ERD Editor vscode extension

💫 Display dynamic, automatically organised, customizable network views.

A editable SVG-based diagram component for Vue

💠 DOT Language Live Editor (GraphViz)

A flowchart that explains the new lifecycle of a Hooks component. https://dwe.st/hf

Translates a plain text description of a relational database schema to a graphical entity-relationship diagram.(convert to dot file)

Complete catalog of all classical patterns in the Archimate language

Go implementation of a HTTP server to allow remote generation of mermaid-js diagrams without any pre-requisites installed locally.

GoJS React integration

A React component library, providing concise and beautiful diversity charts with Canvas, SVG, E-map, WebGL, Dom, based on data visualization experience and commercial data display practice.

Asciidoctor.js extension to convert diagrams to images using Kroki!

Graphical language server platform for building web-based diagram editors

A flexible, stateless, declarative flow chart library for react.

🤴 Custom transformer to embed Excalidraw diagrams

♾ A Graph Visualization Framework in JavaScript

UML diagram list of GoF design pattern examples written in Python.

Diagrams is a Grav plugin that adds simple and powerful diagrams functionality

Draws simple SVG flow chart diagrams from textual representation of the diagram

Create UML diagrams from Protobuf compiled .proto files using Python

Visual connectivity for webapps

drawthe.net draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it's connections, a resulting diagram will be created.

JavaScript architecture diagrams and dependency graphs

CLI app to convert ASCII arts into hand drawn diagrams.