JavaScript Flowchart

Open-source JavaScript projects categorized as Flowchart
Edit details
Topics: JavaScript SVG Diagrams Diagram Flow
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
Sponsored

Top 11 JavaScript Flowchart Projects

  • mermaid

    Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

    • Project mention: Creating Animated Diagrams for LinkedIn | dev.to | 2024-04-22

    Mermaid - https://mermaid.js.org/

  • editor.md

    The open source embeddable online markdown editor (component).

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • flowy

    The minimal javascript library to create flowcharts ✨

  • jsplumb

    Visual connectivity for webapps

    • Project mention: How to make beautiful flowchart with Angular ? | /r/Frontend | 2023-07-27

    ❔jsPlumb - Seems like JointJS

  • js-code-to-svg-flowchart

    js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.

    • Project mention: JS2flowchart – convert any JavaScript code into beautiful SVG flowchart | news.ycombinator.com | 2023-05-12

  • butterfly

    🦋Butterfly，A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)

    • Project mention: FLaNK AI Weekly 25 March 2025 | dev.to | 2024-03-25

  • Drawflow

    Simple flow library 🖥️🖱️

    • Project mention: How to make beautiful flowchart with Angular ? | /r/Frontend | 2023-07-27

    ❌📄Drawflow - Seems nice, but no docs, and last commit was a year ago

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo

  • wireflow

    Wireflow - user flow chart real-time collaborative tool

    • Project mention: Wireflow – free, online, open source tool for creating user-flow prototypes | news.ycombinator.com | 2023-12-20

    At first glance, this looks great but is it being maintained? Their main branch on GitHub hasn't been updated in years: https://github.com/vanila-io/wireflow

  • X-Flowchart-Vue

    基于G6和Vue的可视化图形编辑器。A visual graph editor based on G6 and Vue.

  • grafana-flowcharting

    Flowcharting, plugin for Grafana to create complexe visio's draws style like technical architectures, floorplan, diagrams, hierarchical schema based on draw.io

  • DgrmJS

    Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript Flowchart related posts

Index

What are some of the best open-source Flowchart projects in JavaScript? This list will help you:

Project Stars
1 mermaid 66,838
2 editor.md 13,562
3 flowy 10,962
4 jsplumb 7,714
5 js-code-to-svg-flowchart 6,997
6 butterfly 4,158
7 Drawflow 4,126
8 wireflow 3,852
9 X-Flowchart-Vue 1,335
10 grafana-flowcharting 934
11 DgrmJS 869

Sponsored
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com