#Diagrams

Showing 54 of 54 repositories tagged #diagrams, ranked by stars

excalidraw
excalidraw
excalidraw

Virtual whiteboard for sketching hand-drawn like diagrams

Score
100
โ˜… 127.1k โ‘‚ 14.3k +274/day
TypeScript
mermaid-js
mermaid-js
mermaid

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

Score
100
โ˜… 89.1k โ‘‚ 9.1k +77/day
TypeScript
AykutSarac
AykutSarac
jsoncrack.com

โœจ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML and CSV into interactive graphs.

Score
100
โ˜… 44.2k โ‘‚ 3.6k +18/day
TypeScript
DayuanJiang
DayuanJiang
next-ai-draw-io

A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.

Score
90
โ˜… 33.0k โ‘‚ 3.4k +173/day
TypeScript
terrastruct
terrastruct
d2

D2 is a modern diagram scripting language that turns text to diagrams.

Score
100
โ˜… 24.6k โ‘‚ 700 +34/day
Go
projectstorm
projectstorm
react-diagrams

a super simple, no-nonsense diagramming library written in react that just works

Score
83
โ˜… 9.4k โ‘‚ 1.2k โ€”
TypeScript
yizhiyanhua-ai
yizhiyanhua-ai
fireworks-tech-graph

Generate production-quality SVG+PNG technical diagrams from natural language. 7 styles, UML support, and AI/Agent workflow patterns.

Score
100
โ˜… 8.5k โ‘‚ 728 +8/day
Python
penrose
penrose
penrose

Create beautiful diagrams just by typing notation in plain text.

Score
92
โ˜… 8.0k โ‘‚ 357 +2/day
TypeScript
bcakmakoglu
bcakmakoglu
vue-flow

A highly customizable Flowchart component for Vue 3. Features seamless zoom & pan ๐Ÿ”Ž, additional components like a Minimap ๐Ÿ—บ and utilities to interact with state and graph.

Score
75
โ˜… 6.7k โ‘‚ 403 +8/day
TypeScript
apertureless
apertureless
vue-chartjs

๐Ÿ“Š Vue.js wrapper for Chart.js

Score
88
โ˜… 5.7k โ‘‚ 810 โ€”
TypeScript
alexlenail
alexlenail
NN-SVG

Publication-ready NN-architecture schematics.

Score
100
โ˜… 5.7k โ‘‚ 750 +2/day
JavaScript
mermaid-js
mermaid-js
mermaid-cli

Command line tool for the Mermaid library

Score
80
โ˜… 4.8k โ‘‚ 378 +26/day
JavaScript
open-source-labs
open-source-labs
Svelvet

๐ŸŽ› A Svelte library for building dynamic, infinitely customizable node-based user interfaces and flowcharts

Score
50
โ˜… 2.8k โ‘‚ 178 โ€”
Svelte
antonioru
antonioru
beautiful-react-diagrams

๐Ÿ’Ž A collection of lightweight React components and hooks to build diagrams with ease ๐Ÿ’Ž

Score
38
โ˜… 2.7k โ‘‚ 171 โ€”
JavaScript
philippemerle
philippemerle
KubeDiagrams

Generate Kubernetes architecture diagrams from Kubernetes manifest files, kustomization files, Helm charts, helmfiles, and actual cluster state

Score
100
โ˜… 2.6k โ‘‚ 161 +4/day
JavaScript
reaviz
reaviz
reaflow

๐ŸŽฏ React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.

Score
25
โ˜… 2.5k โ‘‚ 160 +2/day
TypeScript
awslabs
awslabs
diagram-maker

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

Score
50
โ˜… 2.4k โ‘‚ 138 โ€”
TypeScript
MrBlenny
MrBlenny
react-flow-chart

๐ŸŒŠ A flexible, stateless, declarative flow chart library for react.

Score
12
โ˜… 1.6k โ‘‚ 305 +1/day
TypeScript
dvgodoy
dvgodoy
dl-visuals

Over 200 figures and diagrams of the most popular deep learning architectures and layers FREE TO USE in your blog posts, slides, presentations, or papers.

Score
0
โ˜… 1.5k โ‘‚ 129 โ€”
oh-my-mermaid
oh-my-mermaid
oh-my-mermaid

Turn complex codebases into clear, navigable architecture diagrams with Claude Code.

Score
70
โ˜… 1.4k โ‘‚ 129 +7/day
TypeScript
jbyuki
jbyuki
venn.nvim

Draw ASCII diagrams in Neovim

Score
30
โ˜… 1.2k โ‘‚ 27 +1/day
Lua
kennethleungty
kennethleungty
Neural-Network-Architecture-Diagrams

Diagrams for visualizing neural network architecture

Score
42
โ˜… 1.1k โ‘‚ 524 +4/day
eclipse-sprotty
eclipse-sprotty
sprotty

A diagramming framework for the web

Score
75
โ˜… 878 โ‘‚ 85 +1/day
TypeScript
Cloud-Architects
Cloud-Architects
cloudiscovery

The tool to help you discover resources in the cloud environment

Score
40
โ˜… 827 โ‘‚ 91 +1/day
Python
Enter-tainer
Enter-tainer
cxx2flow

ๅฐ† C/C++ ไปฃ็ ่ฝฌๆขๆˆๆต็จ‹ๅ›พ / Turn your C/C++ code into flowchart

Score
100
โ˜… 815 โ‘‚ 66 โ€”
Rust
MarcoEidinger
MarcoEidinger
SwiftPlantUML

A command-line tool and Swift Package for generating class diagrams powered by PlantUML

Score
50
โ˜… 645 โ‘‚ 45 โ€”
Swift
DucPhamNgoc08
DucPhamNgoc08
CodeVisualizer

CodeVisualizer is a powerful VS Code extension that provides two main visualization capabilities: function-level flowcharts for understanding code control flow, and codebase-level dependency graphs for analyzing project structure and module relationships.

Score
58
โ˜… 643 โ‘‚ 60 +3/day
TypeScript
JuliaGraphics
JuliaGraphics
Luxor.jl

Simple drawings using vector graphics; Cairo "for tourists!"

Score
67
โ˜… 623 โ‘‚ 72 โ€”
Julia
lucasepe
lucasepe
draft

Generate High Level Cloud Architecture diagrams using YAML syntax.

Score
0
โ˜… 580 โ‘‚ 27 โ€”
Go
3rd
3rd
tsdiagram

Create diagrams and plan your code with TypeScript.

Score
62
โ˜… 574 โ‘‚ 22 โ€”
TypeScript
philippemerle
philippemerle
Awesome-Kubernetes-Architecture-Diagrams

Awesome Kubernetes Architecture Diagrams

Score
50
โ˜… 544 โ‘‚ 47 +2/day
Cvaniak
Cvaniak
NoteSH

NoteSH fully functional sticky notes App in your Terminal!

Score
60
โ˜… 488 โ‘‚ 17 โ€”
Python
goadesign
goadesign
model

Create your software architecture models and diagrams in Go.

Score
67
โ˜… 462 โ‘‚ 22 โ€”
Go
negrinho
negrinho
sane_tikz

Reconquer the canvas: beautiful Tikz figures without clunky Tikz code

Score
25
โ˜… 428 โ‘‚ 37 +1/day
Python
feluelle
feluelle
airflow-diagrams

Auto-generated Diagrams from Airflow DAGs. ๐Ÿ”ฎ ๐Ÿช„

Score
60
โ˜… 358 โ‘‚ 30 โ€”
Python
fasouto
fasouto
termaid

Render Mermaid diagrams in your terminal or Python app

Score
50
โ˜… 326 โ‘‚ 13 +6/day
Python
HariSekhon
HariSekhon
Diagrams-as-Code

Cloud & DevOps Architecture Diagrams-as-Code in Python, D2 and MermaidJS languages

Score
80
โ˜… 277 โ‘‚ 56 โ€”
D2
alnitak
alnitak
flutter_flow_chart

A #Flutter package that let you draw a flow chart diagram with different kind of customizable elements

Score
100
โ˜… 241 โ‘‚ 67 โ€”
Dart
yWorks
yWorks
yfiles-jupyter-graphs

The home of the Jupyter notebook graph visualization widget powered by yFiles for HTML

Score
33
โ˜… 240 โ‘‚ 22 +1/day
russellrosario
russellrosario
JavaScripter

Helping junior developers navigate the complex world of software engineering without experiencing information overload.

Score
0
โ˜… 239 โ‘‚ 92 โ€”
HTML
pocketbase-uml
pocketbase-uml
pocketbase-uml.github.io

A free, open-source web application that generates UML diagrams based on PocketBase databases

Score
10
โ˜… 160 โ‘‚ 9 +1/day
Svelte
s0rg
s0rg
decompose

Reverse-engineering tool for docker environments

Score
40
โ˜… 138 โ‘‚ 6 +3/day
Go
cmb211087
cmb211087
azure-diagrams-skill

Generate professional technical diagrams with AI - Azure architecture (800+ icons), ERDs, business flowcharts, timelines, wireframes. For proposals, documentation & architecture reviews.

Score
0
โ˜… 123 โ‘‚ 31 +1/day
Python
skonik
skonik
docker-compose-diagram

๐Ÿณdocker-compose + ๐ŸŽจdiagrams = docker-compose-diagram ๐Ÿณ๐ŸŽจ

Score
0
โ˜… 98 โ‘‚ 7 โ€”
Python
coastalwhite
coastalwhite
wavedrom-rs

Beautiful Digital Timing Diagrams with Rust

Score
0
โ˜… 97 โ‘‚ 4 โ€”
Rust
hasielhassan
hasielhassan
PlumberManager

A helper tool to design CG Pipeline interactive diagrams and data flow documentation

Score
20
โ˜… 92 โ‘‚ 14 โ€”
Python
pancsta
pancsta
secai

Reasoning AI Workflows (devtools included)

Score
0
โ˜… 89 โ‘‚ 1 โ€”
Go
palaniraja
palaniraja
swiftuml

Script to generate plantuml class diagram from swift source code

Score
0
โ˜… 84 โ‘‚ 17 โ€”
Swift
yuzutech
yuzutech
kroki-cli

A Kroki CLI

Score
33
โ˜… 84 โ‘‚ 7 โ€”
Go
fjudith
fjudith
cloud-native-isometric-icons

Isometric assets promoting Cloud Native & Continuous Delivery

Score
17
โ˜… 83 โ‘‚ 19 โ€”
Shell
hycomsa
hycomsa
hycom-c4

The Hycom C4 library for diagrams.net / draw.io application allows you to create architecture diagrams with the C4 model approach very easy and quick.

Score
8
โ˜… 61 โ‘‚ 12 โ€”
eclipse-emfcloud
eclipse-emfcloud
emfcloud

Components and frameworks for building web-based modeling tools

Score
0
โ˜… 53 โ‘‚ 6 โ€”
tanay1337
tanay1337
tokyo-notes

Tokyo Notes is a beautiful markdown note-taking desktop application.

Score
20
โ˜… 48 โ‘‚ 2 +1/day
Python
yWorks
yWorks
yfiles-jupyter-graphs-for-neo4j

The open-source adapter for working with neo4j graphs and cypher queries in jupyter notebooks leveraging the yFiles Graphs for Jupyter plugin.

Score
0
โ˜… 44 โ‘‚ 4 โ€”
Python
Related Topics
#visualization#python#flowchart#typescript#cli#architecture#diagram#react#ai#developer-tools#svg#javascript

ยฉ 2026 GitRepoTrend ยท GitHub repositories by topic ยท Updated weekly