Flowchart.js
Create flowcharts with flowchart.js using text descriptions of steps, branches, and connections.
About Flowchart.js
Flowchart.js creates flowcharts from text descriptions of steps, branches, and connections. Node types include start, end, operation, subroutine, condition, input-output, parallel, input, and output, linked with defined paths.
It parses the text definition and draws the result as SVG into a page element, with options for line width, colors, fonts, fills, arrow style, symbol styles, and flow states. Diagrams require JavaScript enabled to display.
Key features
- Define flowcharts with text node and connection syntax
- Render diagrams as SVG in page element
- Support start, end, operation, condition, and input-output nodes
- Support parallel, subroutine, input, and output node types
- Customize colors, fonts, line width, and arrow style
- Apply flowstate styles such as past, current, and future
Best for: Developers who want to add text-defined flowcharts to web pages.
Good for
- Defines diagrams from plain text descriptions
- Allows control over colors, fonts, lines, and symbol styles
Watch out for
- Requires JavaScript enabled to display diagrams
Flowchart.js at a glance
- Website
- flowchart.js.org
- Category
- Development › Developer Tools
- Type
- Website
- Pricing
- Not confirmed. Check the site
- Platforms
- Web
- Open source
- Not stated
- Language
- English
- Last checked
- Oct 5, 2026 · Online when checked
- Listed
- Oct 5, 2026
Guides for Developer Tools
Flowchart.js alternatives
Tools and sites you could use instead, ranked by how closely they match.
Code2Flow converts code or pseudocode into editable flowcharts with export options.
Free trial
24 alternatives
This JavaScript deobfuscator cleans and deobfuscates JavaScript files in one step.
Test beta versions of apps and App Clips with Apple TestFlight; the listing says it is not currently accepting new testers.
Pick
24 alternativesSourcegraph provides code search and context tools for developers working across repositories and large codebases.
Pick
24 alternativesOpen cached and archived versions of a webpage with CachedView, including Google Cache options.
Pick
24 alternatives
Jupyter Notebook combines live code, equations, explanatory text, visualizations, and interactive computing in a web platform.
Popular in Developer Tools
Well-known listings from the same topic.
AppDevToolsappdevtools.comCommand Not Foundcommand-not-found.comProject Wallaceprojectwallace.comCarbon Calculatorwebsitecarbon.comAwesome CLIgithub.com/umutphp/awesome-cliResponsivelyresponsively.app
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.