What Is Flowchart
A flowchart is a type of diagram for representing a workflow or process that commonly consists of blocks (nodes), directional arrows, and various geometric figures.
It is typically used to visualize the relationships or interactions between people and systems, such as decision tree, organization chart, and much more.
The Best Flowchart Library
If you're looking for an online flowchart marker. You're at the right place.
Originally Published Oct 28 2020, updated Mar 14 2023
Table of contents:
Best jQuery Flowchart Plugins
flowchart.js is a jQuery & jQuery UI based flowchart plugin which enables you to create drag'n'drop flowchart boxes and connect between them with a custom line.
flowSVG is a jQuery diagram plugin that uses SVG.js to draw interactive and statistic flow charts for representing algorithms, workflows or processes.
Flowy.js is a pretty nice and user-friendly flowchart builder to create responsive, professional flowchart using drag and drop.
flowchart.js is a jQuery wrapper for Flowchart JS library that makes it easy to draw a vector based flowchart diagram using SVG and Raphaël.js.
A jQuery plugin that renders a collapsible and expandable tree structure representing the hierarchical relationship between various nodes.
Best Vanilla JS Flowchart Libraries
A flowchart DSL and SVG render that runs in the browser and terminal. Nodes and connections are defined separately so that nodes can be reused and connections can be quickly changed. Fine grain changes to node and connection style can also be made right in the DSL.