text-to-diagram / flowchart generation
flowchart.js is a JavaScript library that renders SVG flowcharts in the browser and terminal from a simple textual DSL.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
Choose it for an actively maintained text-to-diagram suite with a wider variety of diagram types.
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Choose it for UML-heavy diagrams in a Java-based toolchain.
Generate diagrams from textual description
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Choose it for interactive commercial diagram editors rather than static DSL-to-SVG rendering.
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
Choose it for a Vue 3 interactive flow editor with pan, zoom, and minimap support.
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 for interactive SVG/HTML diagrams requiring a full graph-editor toolkit.
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
Choose it for mature interactive SVG diagramming UIs in JavaScript.
A proven SVG-based JavaScript diagramming library powering exceptional UIs
Choose it for a React workflow editor with custom nodes and edges.
🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.
Choose it for a zero-dependency no-code workflow designer component.
Customizable no-code component for building flow-based programming applications or workflow automation. 0 external dependencies. Check out https://nocode-js.com
Choose it for a dependency-free interactive flowchart editor that works on desktop and mobile.
Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.
Choose it for a drag-and-drop flow editor in vanilla JavaScript, accepting a dependency without recent updates.
Simple flow library 🖥️🖱️
Choose it for an Angular-native node editor and workflow designer.
Angular-native node editor library for production workflow builders, AI pipelines, and interactive diagram editors. MIT licensed.
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 for simple UML class diagrams from a compact DSL, not general flowcharts.
The sassy UML diagram renderer
Choose it for a tiny, unmaintained text-to-diagram library covering flowcharts and other diagram types.
Generate Flowcharts, Network Sequence Diagrams, GraphViz Dot Diagrams, and Railroad Diagrams
Choose it only for legacy jQuery UI flowchart drawing; it is unmaintained and not text-based.
JQuery plugin that allows you to draw a flow chart.
Choose it for a very small programmatic flowchart API, though it is unmaintained.
A developer-friendly library for creating flowcharts and diagrams.
Choose it for a declarative React flow chart component, though it is unmaintained and limited.
🌊 A flexible, stateless, declarative flow chart library for react.
Choose it for network topology diagrams described in YAML, not general flowcharts.
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.
Does the same job, but ships as an app. Useful to a person, not swappable into a codebase.
Choose it when you need a self-hosted server that renders many text diagram DSLs into images.
Creates diagrams from textual descriptions!
These projects were analysed and named flowchart.js among their alternatives. The relationship is not symmetric — how flowchart.js rates them is a separate judgement, made when flowchart.js is analysed in its own right.
calls flowchart.js “Use for simple SVG flowcharts from text in a browser, with a lightweight dependency.”
The minimal javascript library to create flowcharts ✨
calls flowchart.js “Use it for very simple SVG flowcharts produced from a text DSL, not for interactive editing.”
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
calls flowchart.js “Use for simple text-to-SVG flowchart generation in a lightweight way.”
Visual connectivity for webapps