JavaScript Flowchart

Open-source JavaScript projects categorized as Flowchart
Edit details
Topics: JavaScript SVG Diagrams Diagram Flow
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
featured

Top 11 JavaScript Flowchart Projects

  • mermaid

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

    • Project mention: Integrate Ory in a NestJS application | dev.to | 2024-05-16

    To visualize the user flow for the CatFoster project, we will create a series of diagrams using Mermaid to illustrate the different user interactions within the system. These interactions include signing up and signing in, creating a cat profile, updating and deleting their cat profiles, requesting to foster a cat, and approving fostering requests.

  • 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.

  • 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

  • InfluxDB

    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.

    InfluxDB 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

  • Show HN: Collaborative, text-based technical diagramming tool

    1 project | news.ycombinator.com | 8 May 2024

  • ChatCraft Adventures #13, UI Changes

    3 projects | dev.to | 12 Apr 2024

  • Building a Mermaid.js Gantt Chart in a FileMaker Web Viewer

    1 project | dev.to | 8 Apr 2024

  • ChatCraft Adventures #10

    3 projects | dev.to | 22 Mar 2024

  • Mermaid: Generation of diagrams like flowcharts or sequence diagrams from text

    1 project | news.ycombinator.com | 16 Feb 2024

  • Mermaid: Diagramming and Charting Tool

    1 project | news.ycombinator.com | 4 Jan 2024

  • Softwaretool for creating OR graphs? I need to create some graphs as an example of operations research. Does anyone know the best tool to do this? Thank you!

    1 project | /r/optimization | 6 Dec 2023
  • A note from our sponsor - SaaSHub
    www.saashub.com | 1 Jun 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

Project Stars
1 mermaid 67,787
2 editor.md 13,622
3 flowy 10,962
4 jsplumb 7,712
5 js-code-to-svg-flowchart 7,012
6 butterfly 4,273
7 Drawflow 4,279
8 wireflow 3,852
9 X-Flowchart-Vue 1,354
10 grafana-flowcharting 934
11 DgrmJS 877

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com