diagram

There are 70 repositories under diagram topic.

• jgraph / drawio

  draw.io is a JavaScript, client-side editor for general diagramming.

  diagramjavascriptwhiteboard
  Language:JavaScript 38887
• diagrams

  mingrammer / diagrams

  :art: Diagram as Code for prototyping cloud system architectures

  architecturediagramdiagram-as-codegraphviz
  Language:Python 35052
• tldraw

  tldraw / tldraw

  SDK for creating whiteboards and canvas experiences on the web.

  boardcanvasdiagramdrawinginfinitereactsketchsvgwhiteboard
  Language:TypeScript 32967

• plantuml / plantuml

  Generate diagrams from textual description

  diagramdiagram-as-codediagramsdiagrams-as-codejavaplantumlumluml-diagram
  Language:Java 9709
• vscode-drawio

  hediet / vscode-drawio

  This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.

  diagramdrawiohacktoberfestvscode-extension
  Language:TypeScript 8987

• adrai / flowchart.js

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

  flowchartdiagramjavascriptsvg
  Language:JavaScript 8459

• projectstorm / react-diagrams

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

  reactdemodiagramswebtypescriptflowchartfactoriesdiagramdragsvgvisualizationcanvasmodularediting-diagramsbeta
  Language:TypeScript 8369

• jsplumb / jsplumb

  Visual connectivity for webapps

  diagramsvgflowcharthtml5nextjsreactreactjssveltesveltekitvuejs
  7711

• NorthwoodsSoftware / GoJS

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

  canvaschartchartsdata-visualizationdiagrames6es6-modulesflowchartgojsgraphhtmlinteractive-diagramsjavascriptjavascript-librarylayoutorgchartsvgtypescripttypescript-libraryvisualization
  Language:HTML 7458

• didi / LogicFlow

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

  flowchartgraphmvvmvisualizationbpmndiagramflow
  Language:TypeScript 6905

• plantuml-stdlib / C4-PlantUML

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

  plantumlc4modelarchitectureumldiagramgraphvizc4
  Language:PlantUML 6080

• duo-labs / cloudmapper

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

  awscytoscapediagramsecurity
  Language:JavaScript 5854

• CJex / regulex

  :construction: Regular Expression Excited!

  javascriptregulexregexpregexregular-expressiondiagramtypescript
  Language:TypeScript 5688

• apertureless / vue-chartjs

  📊 Vue.js wrapper for Chart.js

  vuechartchartjsvisualisationvuejsvuejs2doughnutpiediagramdiagramscharting-libraryvue-componentvue3vuejs3
  Language:TypeScript 5456

• antvis / X6

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

  diagramminggraphsvgantvgraph-editordagflowchartuml-diagramerdiagramdiagramerdjavascript-diagramming-librarytypescriptjavascript
  Language:TypeScript 5402

• alibaba / butterfly

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

  dagsvgflowflow-dagflow-layoutflowchartbpmndiagramdiagrammingconnectivitytreetreemap-diagrammindmapbutterflyedgereactvue
  Language:JavaScript 4192

• wojtekmaj / react-lifecycle-methods-diagram

  Interactive React Lifecycle Methods diagram.

  cheatsheetdiagramreactreact-lifecycle
  Language:TypeScript 3840

• ivanceras / svgbob

  Convert your ascii diagram scribbles into happy little SVG

  asciibobdiagramsvg
  Language:Rust 3730

• im2nguyen / rover

  Interactive Terraform visualization. State and configuration explorer.

  diagraminteractive-visualizationsterraformvisualization
  Language:Go 2917

• visjs / vis-network

  :dizzy: Display dynamic, automatically organised, customizable network views.

  diagramhacktoberfestnetworkvisjs
  Language:JavaScript 2848

• wavedrom / wavedrom

  :ocean: Digital timing diagram rendering engine

  svgdiagramhacktoberfest
  Language:JavaScript 2789

• shubhamgrg04 / awesome-diagramming

  A curated collection of diagramming tools used by leading software engineering teams

  awesome-listdiagramuml
  2753

• skanaar / nomnoml

  The sassy UML diagram renderer

  nomnomldiagramumlflowchartclass-diagram
  Language:TypeScript 2642
• beautiful-react-diagrams

  antonioru / beautiful-react-diagrams

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

  reactdiagramhooksjavascriptflowchartsflowchart-diagramsdiagrams
  Language:JavaScript 2638

• awslabs / diagram-maker

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

  awsvisualizationdiagraminteractivecanvaseditordragdropworkflowstate-machineflowchartdiagram-makerdiagram-editorgraphinteractive-demosdiagramscloud
  Language:TypeScript 2388
• quiver

  varkor / quiver

  A modern commutative diagram editor for the web.

  commutative-diagramscategory-theoryeditortikztikzcdlatextikz-cdpasting-diagramscommutativediagram
  Language:JavaScript 2342

• donavon / hook-flow

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

  diagramflowcharthooksreactreactjs
  Language:Shell 2124
• blast-radius

  28mm / blast-radius

  Interactive visualizations of Terraform dependency graphs using d3.js

  terraformgraphvizinteractive-visualizationsdiagram
  Language:JavaScript 1998
• tikzcd-editor

  yishn / tikzcd-editor

  A simple visual editor for creating commutative diagrams.

  category-theorydiagrameditorhacktoberfestlatextikztikzcd
  Language:JavaScript 1841

• gaphor / gaphor

  Gaphor is the simple modeling tool

  pythonumlmodelinggnomegtkdiagramsysmlmbsemodel-based-systems-engineeringc4modelftastpa
  Language:Python 1716

• jfeliu007 / goplantuml

  PlantUML Class Diagram Generator for golang projects

  diagramdiagram-generatorgogolangplantumluml-diagram
  Language:Go 1698

• cycloidio / inframap

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

  awsdiagramflexibleenginegogolanggraphhclopenstackterraformtfstate
  Language:Go 1635

• MrBlenny / react-flow-chart

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

  diagramdiagramsdrag-and-dropflowchartreactstyled-componentstypescriptwebpack4
  Language:TypeScript 1446

• cidrblock / drawthe.net

  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.

  diagramiconsnetwork
  Language:JavaScript 1079

• guozhaolong / wfd-vue

  flowable workflow designer for Vue base on @antv/g6

  workflowflowableg6g6-editordiagram
  Language:JavaScript 970
• grafana-flowcharting

  algenty / grafana-flowcharting

  Flowcharting, plugin for Grafana to create complexe visio's draws style like technical architectures, floorplan, diagrams, hierarchical schema based on draw.io

  grafanaflowchartdiagramdrawiomxgraphmonitoringvisioflowchart-diagramsgrafana-plugindiagramsplugin-grafanatechnical-architecturesfloorplanhome-automation
  Language:JavaScript 945