#Diagram

Showing 60 of 71 repositories tagged #diagram, ranked by stars

tldraw
tldraw
tldraw

Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.

Score
100
★ 48.7k ⑂ 3.4k +15/day
TypeScript
mingrammer
mingrammer
diagrams

:art: Diagram as Code for prototyping cloud system architectures

Score
0
★ 42.4k ⑂ 2.7k +25/day
Python
didi
didi
LogicFlow

A flow chart editing framework focus on business customization. 专注于业务自定义的流程图编辑框架,支持实现脑图、ER图、UML、工作流等各种图编辑场景。

Score
100
★ 11.5k ⑂ 1.4k +8/day
TypeScript
projectstorm
projectstorm
react-diagrams

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

Score
83
★ 9.4k ⑂ 1.2k
TypeScript
NorthwoodsSoftware
NorthwoodsSoftware
GoJS

JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

Score
96
★ 8.5k ⑂ 2.8k +1/day
HTML
bytedance
bytedance
flowgram.ai

FlowGram is an extensible workflow development framework with built-in canvas, form, variable, and materials that helps developers build AI workflow platforms faster and simpler.

Score
92
★ 8.2k ⑂ 739 +13/day
TypeScript
jsplumb
jsplumb
jsplumb

Visual connectivity for webapps

Score
69
★ 7.8k ⑂ 1.4k
antvis
antvis
X6

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

Score
92
★ 6.6k ⑂ 1.9k +2/day
TypeScript
duo-labs
duo-labs
cloudmapper

CloudMapper helps you analyze your Amazon Web Services (AWS) environments.

Score
0
★ 6.3k ⑂ 833 +2/day
JavaScript
CJex
CJex
regulex

:construction: Regular Expression Excited!

Score
62
★ 5.8k ⑂ 754
TypeScript
apertureless
apertureless
vue-chartjs

📊 Vue.js wrapper for Chart.js

Score
85
★ 5.7k ⑂ 810
TypeScript
alibaba
alibaba
butterfly

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

Score
54
★ 4.7k ⑂ 613 +1/day
JavaScript
ivanceras
ivanceras
svgbob

Convert your ascii diagram scribbles into happy little SVG

Score
100
★ 4.2k ⑂ 122 +3/day
Rust
wojtekmaj
wojtekmaj
react-lifecycle-methods-diagram

Interactive React Lifecycle Methods diagram.

Score
77
★ 3.9k ⑂ 327
TypeScript
im2nguyen
im2nguyen
rover

Interactive Terraform visualization. State and configuration explorer.

Score
71
★ 3.3k ⑂ 199
Go
antonioru
antonioru
beautiful-react-diagrams

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

Score
31
★ 2.7k ⑂ 171
JavaScript
awslabs
awslabs
diagram-maker

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

Score
67
★ 2.4k ⑂ 138
TypeScript
donavon
donavon
hook-flow

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

Score
23
★ 2.2k ⑂ 78
Shell
28mm
28mm
blast-radius

Interactive visualizations of Terraform dependency graphs using d3.js

Score
67
★ 2.2k ⑂ 257
JavaScript
jfeliu007
jfeliu007
goplantuml

PlantUML Class Diagram Generator for golang projects

Score
50
★ 2.1k ⑂ 175
Go
cycloidio
cycloidio
inframap

Read your tfstate or HCL to generate a graph specific for each provider, showing only the resources that are most important/relevant.

Score
100
★ 2.0k ⑂ 110 +1/day
Go
dineug
dineug
erd-editor

Entity-Relationship Diagram Editor

Score
100
★ 1.7k ⑂ 152 +5/day
TypeScript
MrBlenny
MrBlenny
react-flow-chart

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

Score
15
★ 1.6k ⑂ 305 +1/day
TypeScript
1jehuang
1jehuang
mermaid-rs-renderer

A fast native Rust Mermaid diagram renderer. No browser required. 500-1000x faster than mermaid-cli.

Score
0
★ 1.5k ⑂ 74 +17/day
Rust
le5le-com
le5le-com
meta2d.js

The meta2d.js is real-time data exchange and interactive web 2D engine. Developers are able to build Web SCADA, IoT, Digital twins and so on. Meta2d.js是一个实时数据响应和交互的2d引擎,可用于Web组态,物联网,数字孪生等场景。

Score
88
★ 1.2k ⑂ 304 +1/day
TypeScript
juzzlin
juzzlin
Heimer

Heimer is a simple cross-platform mind map, diagram, and note-taking tool written in Qt.

Score
78
★ 975 ⑂ 122
C++
dyatko
dyatko
arkit

JavaScript architecture diagrams and dependency graphs

Score
89
★ 968 ⑂ 46
JavaScript
esimov
esimov
diagram

CLI app to convert ASCII arts into hand drawn diagrams.

Score
75
★ 896 ⑂ 39
Go
nturley
nturley
netlistsvg

draws an SVG schematic from a JSON netlist

Score
50
★ 802 ⑂ 106 +2/day
JavaScript
stanch
stanch
reftree

Automatically generated diagrams and animations for Scala data structures

Score
46
★ 591 ⑂ 35
Scala
3rd
3rd
tsdiagram

Create diagrams and plan your code with TypeScript.

Score
46
★ 574 ⑂ 22
TypeScript
royalbhati
royalbhati
sqltoerdiagram

ER diagram generator. Paste CREATE TABLE statements and get a clean, interactive ERD — runs 100% in your browser, nothing uploaded

Score
75
★ 557 ⑂ 52 +2/day
HTML
synergycodes
synergycodes
ng-diagram

ngDiagram – An open-source Angular library for creating rich, interactive diagramming experiences. Designed for flexibility and performance, it lets you build everything from simple flows to advanced visual editors with ease

Score
79
★ 554 ⑂ 38 +1/day
TypeScript
lludo
lludo
SwiftSunburstDiagram

SwiftUI library to easily render diagrams given a tree of objects. Similar to ring chart, sunburst chart, multilevel pie chart.

Score
80
★ 550 ⑂ 50
Swift
yoshimkd
yoshimkd
swift-auto-diagram

A Ruby script that scans all swift code from the specified folders and files and automatically generates an entity diagram (similar to a class diagram) which can be viewed in a browser.

Score
20
★ 497 ⑂ 57
JavaScript
smickelbeard
smickelbeard
flowy-vue

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.

Score
8
★ 454 ⑂ 72 +1/day
Vue
tnfe
tnfe
FEDiagram

图说前端>>收集各种前端技术图谱 🚕🚖🚗🚚🚛🚜

Score
0
★ 443 ⑂ 57
bykof
bykof
go-plantuml

Generate plantuml diagrams from go source files or directories

Score
0
★ 412 ⑂ 30
Go
murongqimiao
murongqimiao
DAG-diagram

VUE plugin for DAG graph , u can use it 4 flow diagram or machine learning visualization

Score
42
★ 403 ⑂ 124
Vue
meursyphus
meursyphus
flitter

A JavaScript rendering engine inspired by Flutter. Build any visualization — charts, diagrams, editors — with composable widgets and Canvas/SVG.

Score
100
★ 394 ⑂ 15 +2/day
TypeScript
jsplumb
jsplumb
community-edition

The community edition of jsPlumb, versions 1.x - 6.x. This repository no longer receives updates.

Score
29
★ 365 ⑂ 40
JavaScript
foundation-interface
foundation-interface
graphologue

Use LLM to stream diagrams, instead of tokens, in real-time! (UIST 2023 Paper)

Score
100
★ 354 ⑂ 53
TypeScript
danielyaa5
danielyaa5
puml-for-markdown

A CLI tool to embed interactive PUML diagrams to your github markdown files.

Score
22
★ 344 ⑂ 78
JavaScript
ThisIs-Developer
ThisIs-Developer
Markdown-Viewer

A Markdown Editor That Lives in Your Browser, Desktop, and a Single URL. Fast GitHub-style Markdown editing with live preview, diagrams, LaTeX, syntax highlighting, PDF export, and multi-tab support across web, desktop, and Docker.

Score
100
★ 334 ⑂ 87 +5/day
JavaScript
ChangeYourself0613
ChangeYourself0613
Solana-Arbitrage-Bot

Solana Arbitrage Bot cross dex like Raydium, Orca, Meteora swap program with rust language architecture using anchor frame work

Score
0
★ 291 ⑂ 113 +1/day
Rust
sindrel
sindrel
excalidraw-converter

A command line tool for porting Excalidraw diagrams to Gliffy, draw.io and Mermaid.

Score
56
★ 287 ⑂ 15
Go
rougsig
rougsig
flowmarbles

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

Score
0
★ 279 ⑂ 16
Kotlin
Mertcikla
Mertcikla
tld

Software architecture diagramming tool. Includes a modern easy to use Frontend + Backend + CLI to enable managing diagrams from the shell or in CI.

Score
25
★ 272 ⑂ 16 +2/day
Go
zeisler
zeisler
visualize_ruby

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

Score
17
★ 252 ⑂ 9
Ruby
svar-widgets
svar-widgets
gantt

Svelte Gantt chart component – lightweight, customizable, interactive, and fast.

Score
38
★ 245 ⑂ 39 +1/day
TypeScript
Mermaid-Chart
Mermaid-Chart
vscode-mermaid-preview

Previews Mermaid diagrams

Score
11
★ 237 ⑂ 39 +1/day
TypeScript
eclipse-glsp
eclipse-glsp
glsp

Graphical language server platform for building web-based diagram editors

Score
67
★ 233 ⑂ 34
TypeScript
joiningdata
joiningdata
lollipops

Lollipop-style mutation diagrams for annotating genetic variations.

Score
21
★ 202 ⑂ 72 +1/day
Go
Fantastic-Computing-Machine
Fantastic-Computing-Machine
atlantis

Create beautiful charts and diagrams privately, without relying on external cloud services.

Score
58
★ 153 ⑂ 13
TypeScript
realvizu
realvizu
QuickDiagram

Code visualization tool for C# to quickly explore, navigate and document source code structure and relationships. Integrates into Visual Studio.

Score
12
★ 143 ⑂ 36
C#
NorthwoodsSoftware
NorthwoodsSoftware
GoDiagram

.NET diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

Score
54
★ 132 ⑂ 13
C#
wentong2022-arch
wentong2022-arch
flowforge-skill

Generate professional draw.io diagrams from natural language — a Claude Code skill

Score
62
★ 131 ⑂ 13
Python
dineug
dineug
vuerd-vscode

ERD Editor vscode extension

Score
0
★ 118 ⑂ 15 +1/day
TypeScript
dotgreg
dotgreg
tiro-notes

An open-source, cross-platform markdown editor designed for extensibility & flexibility

Score
44
★ 100 ⑂ 8
JavaScript
ls1intum
ls1intum
Apollon

UML Modeling Editor

Score
60
★ 94 ⑂ 36
TypeScript
Related Topics
#visualization#flowchart#typescript#javascript#react#graph#svg#canvas#diagrams#flow#chart#vue

© 2026 GitRepoTrend · GitHub repositories by topic · Updated weekly