Choose when you need a richer diagramming engine with built-in nodes/edges and no dependency on existing DOM elements.
๐ JavaScript diagramming library that uses SVG and HTML for rendering.
- 6.7k
- TypeScript
- MIT
diagramming / visual connectivity
jsPlumb is a JavaScript library for creating interactive diagrams and connecting visual elements in web applications.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
Choose when you need a richer diagramming engine with built-in nodes/edges and no dependency on existing DOM elements.
๐ JavaScript diagramming library that uses SVG and HTML for rendering.
Choose for a mature diagramming library under MPL-2.0 with a structured graph model.
A proven SVG-based JavaScript diagramming library powering exceptional UIs
Choose for a commercial, feature-rich diagramming library with a paid license.
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Use when diagrams are generated from text markup instead of being interactively edited in the browser.
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Use when you need diagrams defined in plain text and rendered server-side via PlantUML's Java engine.
Generate diagrams from textual description
Use for data-driven graph visualization with built-in layouts, not for connecting existing DOM elements.
โพ A Graph Visualization Framework in JavaScript.
Use in React projects for a component-based diagramming API, but note its maintenance is stale.
a super simple, no-nonsense diagramming library written in react that just works
Use for simple text-to-SVG flowchart generation in a lightweight way.
Draws simple SVG flow chart diagrams from textual representation of the diagram
Use in Vue 3 applications when you want a ready-made node editor component.
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.
Use as a server-side service to convert many text diagram formats to images, not an interactive editor.
Creates diagrams from textual descriptions!
Use for quick text-to-flowchart generation in the browser.
Easily generate flowcharts and diagrams from text โฟป
Use for text-defined UML class diagrams with a simple syntax.
The sassy UML diagram renderer
Use in React for workflow/flowchart editors, though the repo has been quiet for over a year.
๐ฏ React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.
Choose when you want an embeddable workflow designer rather than building the diagram UI from scratch.
Customizable no-code component for building flow-based programming applications or workflow automation. 0 external dependencies. Check out https://nocode-js.com
Use for a zero-dependency flowchart editor that works on touch devices.
Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.
Use in Angular applications for a native node editor instead of a framework-agnostic library.
Angular-native node editor library for production workflow builders, AI pipelines, and interactive diagram editors. MIT licensed.
Use in Svelte apps for a node-based UI library.
๐ A Svelte library for building dynamic, infinitely customizable node-based user interfaces and flowcharts
These projects were analysed and named jsplumb among their alternatives. The relationship is not symmetric โ how jsplumb rates them is a separate judgement, made when jsplumb is analysed in its own right.
calls jsplumb โUse it to add draggable connections to existing DOM elements; it's a lower-level connectivity tool rather than a full diagram library.โ
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
calls jsplumb โchoose it when you already have your own node DOM and only need visual connection management; it is a lower-level, narrower connectivity library.โ
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.