Choose it when MPL-2.0 licensing or the JointJS+ commercial toolkit matters more than X6's MIT core.
A proven SVG-based JavaScript diagramming library powering exceptional UIs
- 5.4k
- JavaScript
- MPL-2.0
interactive diagramming / graph editing
X6 is an MIT-licensed JavaScript/TypeScript graph editing and diagramming engine for building interactive SVG/HTML-based DAG, ER, flowchart, and workflow editors.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
Choose it when MPL-2.0 licensing or the JointJS+ commercial toolkit matters more than X6's MIT core.
A proven SVG-based JavaScript diagramming library powering exceptional UIs
Choose it when you need a vendor-supported commercial diagramming SDK and can pay for the license.
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
Choose it when you want a flowchart-focused Apache-2.0 editing framework with LogicFlow's plugin ecosystem rather than X6's more general graph engine.
A flow chart editing framework focus on business customization. 专注于业务自定义的流程图编辑框架,支持实现脑图、ER图、UML、工作流等各种图编辑场景。
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Choose it for a Vue 3 project that wants a Vue-native component/state flow rather than X6's framework-agnostic engine.
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.
Choose it when building in React and you want a React-state-driven workflow editor component rather than X6's standalone model.
🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.
Choose it when you need an Angular-native node editor using Angular templates/DI instead of a framework-agnostic graph engine.
Angular-native node editor library for production workflow builders, AI pipelines, and interactive diagram editors. MIT licensed.
Choose it when you want a minimalist React diagramming solution integrated with React rather than a standalone data model.
a super simple, no-nonsense diagramming library written in react that just works
Choose it when the task is large graph/network visualization and analysis instead of building editable flowchart/ER editors.
♾ A Graph Visualization Framework in JavaScript.
Choose it when building a Blazor/.NET app and you want native C# diagramming instead of embedding a JavaScript engine.
A fully customizable and extensible all-purpose diagrams library for Blazor
Choose it when you need an Angular-first diagram/workflow builder using signals and templates rather than X6's cross-framework core.
ngDiagram – open-source Angular library for interactive diagrams, node-based editors, and workflow builders. Angular-first: signals and templates.
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
Choose it when a zero-dependency pure-JS flowchart editor is enough and X6's broader DAG/ER/UML support is unnecessary.
Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.
Choose it when you need a ready-made no-dependency sequential workflow UI instead of X6's general-purpose graph engine.
Customizable no-code component for building flow-based programming applications or workflow automation. 0 external dependencies. Check out https://nocode-js.com
Choose it only for tiny dependency-free flowchart prototypes where X6 is overkill, accepting that it is no longer maintained.
The minimal javascript library to create flowcharts ✨
These projects were analysed and named X6 among their alternatives. The relationship is not symmetric — how X6 rates them is a separate judgement, made when X6 is analysed in its own right.
calls X6 “Use for complex diagramming needs with advanced interaction and custom rendering beyond Flowy's minimal feature set.”
The minimal javascript library to create flowcharts ✨
calls X6 “Choose it when you want a maintained Apache-2.0 JavaScript diagramming library with HTML/SVG rendering and strong support for custom flow editors.”
A flow chart editing framework focus on business customization. 专注于业务自定义的流程图编辑框架,支持实现脑图、ER图、UML、工作流等各种图编辑场景。
calls X6 “Use it when you want an active, MIT-licensed SVG/HTML diagramming library with a similar editor toolset to GoJS.”
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
calls X6 “Choose when you need a richer diagramming engine with built-in nodes/edges and no dependency on existing DOM elements.”
Visual connectivity for webapps
calls X6 “JS diagramming library for graph editors; choose when you need SVG/HTML based interactive diagrams.”
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
calls X6 “Choose for SVG/HTML-based diagramming (flowcharts, ERDs) with a different rendering approach and API than G6.”
♾ A Graph Visualization Framework in JavaScript.
calls X6 “Choose for a JS/SVG diagramming toolkit with rich editor features; no built-in graph analysis.”
Graph theory (network) library for visualisation and analysis
calls X6 “Choose if you need a framework-agnostic diagramming library with rich features and no React dependency.”
a super simple, no-nonsense diagramming library written in react that just works
calls X6 “Choose it for interactive SVG/HTML diagrams requiring a full graph-editor toolkit.”
Draws simple SVG flow chart diagrams from textual representation of the diagram
calls X6 “Choose as an embeddable SVG/HTML diagramming SDK when you need to build a custom diagram editor inside your own web app instead of using draw.io's full editor.”
draw.io is a JavaScript, client-side editor for general diagramming.
calls X6 “choose it when you want a framework-agnostic SVG/HTML diagramming engine instead of a Vue 3 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.