36 best open source flowchart projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 20 from 36 results

Mermaid - Generation of diagram and flowchart from text in a similar manner as markdown

Javascript

Generation of diagrams and flowcharts from text in a similar manner as markdown. Ever wanted to simplify documentation and avoid heavy tools like Visio when explaining your code? This is why mermaid was born, a simple markdown-like script language for generating charts from text via javascript.

diagram markdown flowchart sequence-diagram gantt class-diagram git-graph visio-alternative chart

flowchart.js - Draws simple SVG flow chart diagrams from textual representation of the diagram

Javascript

Draws simple SVG flow chart diagrams from textual representation of the diagram

flowchart diagram svg client script

joint - JavaScript diagramming library

Javascript

JointJS is a JavaScript diagramming library. It can be used to create either static diagrams or, and more importantly, fully interactive diagramming tools and application builders. Please see http://jointjs.com for more information, demos and documentation.

diagram svg html5 flowchart graph visualization

drawio-desktop - Official electron build of draw.io

Javascript

draw-io desktop uses draw-io. draw.io uses the mxGraph library as the base of the stack, with the GraphEditor example from mxGraph as the base of the application part.

javascript-applications electron-app graphics diagram-editor draw.io diagram flowchart uml

js-code-to-svg-flowchart - js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart

Javascript

Why? While I've been working on Under-the-hood-ReactJS I spent enormous amount of time on creating schemes. Each change in code or flowchart affects all entire scheme instantly, forcing you to move and align 'broken pieces'. Just repeated manual work... Imagine a library which takes any JS code and generate SVG flowchart from it, works on client and server. Allows you easily adjust styles scheme for your context or demonstrate your code logic from different abstractions levels. Highlighting, destructing whole blocks, custom modifiers for your needs etc.

flowchart svg-flowchart ast svg visualisation learning es6 code-analyzeing webpack library universal umd commonjs

GoJS - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages

Javascript

GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. GoJS is a flexible library that can be used to create a number of different kinds of interactive diagrams, including data visualizations, drawing tools, and graph editors. There are samples for flowchart, org chart, business process BPMN, swimlanes, timelines, state charts, kanban, network, mindmap, sankey, family trees and genogram charts, fishbone diagrams, floor plans, UML, decision trees, pert charts, Gantt, and hundreds more. GoJS includes a number of built in layouts including tree layout, force directed, radial, and layered digraph layout, and a number of custom layout examples.

html diagram flowchart orgchart layout graph typescript chart tree uml bpmn editor drawing canvas svg hierarchy family-tree decision-tree mindmap treeview genogram ivr-tree parse-tree concept-map visualization entity-relationship er-diagram radial sankey pert gantt timeline swimlane workflow flow process state sequential-function grafcet sequence circuit dataflow data-flow planogram floorplan seating pipes tree-layout force-directed layered hierarchical circular fishbone ishikawa treemap tree-map subgraph network library js html5

Mermaid - Generation of diagram and flowchart from text in a similar manner as markdown

Javascript

Mermaid is a Javascript based diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams. The main purpose of Mermaid is to help documentation catch up with development. Diagramming and documentation costs precious developer time and gets outdated quickly. But not having diagrams or docs ruins productivity and hurts organizational learning.

charting-tool charts javascript-charts flowchart markdown diagram sequence-diagram gantt-chart pie-chart

Drawflow - Simple flow library 🖥️🖱️

Javascript

Simple flow library. Drawflow allows you to create data flows easily and quickly.

flow javascript-library dataflow graph-editor flow-based-programming dataflow-programming flowchart visual-programming

diagram-maker - A library to display an interactive editor for any graph-like data.

TypeScript

Diagram Maker is a library to display an interactive editor for any graph-like data. Following is a screenshot from one of the consumers of this library, AWS IoT Events Console with Diagram Maker in action.

visualization editor aws workflow cloud canvas state-machine graph diagram interactive drag drop diagrams flowchart diagram-editor diagram-maker interactive-demos visualizaton

Editor.md - The open source embeddable online markdown editor (component).

Javascript

The open source embeddable online markdown editor (component), based on CodeMirror & jQuery & Marked. It supports Standard Markdown / CommonMark and GFM (GitHub Flavored Markdown). It has full-featured support for Real-time Preview, Image Upload, Code blocks / Tables insert, Search replace, Themes, Multi-languages and lot more.

markdown editor markdown-editor codemirror katex gfm flowchart sequence-diagram toc marked commonmark

Dia - Visio alternative

GTK+

Dia is inspired by the commercial Windows program Visio, though more geared towards informal diagrams for casual use. It can be used to draw many different kinds of diagrams. It currently has special objects to help draw entity relationship diagrams, UML diagrams, flowcharts, network diagrams, and many other diagrams. It is also possible to add support for new shapes by writing simple XML files, using a subset of SVG to draw the shape.

visio-alternative uml-diagram flowchart entity drawing-tool network-diagram

Diagramo - Create Flowchart using HTML5

Diagramo is pure HTML5 (canvas) flowchart software, No Flash, no Java or other plugins. You can export diagrams in SVG, Gif of JPEG format.

flowchart flowchart-diagram chart diagram

Open Diagram

Open Diagram is the definitive open source .net diagramming component library for the .Net framework winforms environment. Use Open Diagram to add interactive data visualizations to your .net applications.

diagram diagramming control flowchart

Diagram Ring

Advanced diagram editor for Flowcharts, Class Diagrams, DFDs, ERDs, Pie charts, Bar charts and etc. It's been developed in WPF , C#

diagram diagram-editor erd flowchart charting dfd diagram-maker

QuickFlow - SharePoint Workflow Enhancement and Flowchart Designer

A simple and powerfull workflow engine on SharePoint. It provider a flowchart flowcontainer to make the development of complex sharepoint workflow more easy. It's based on WF3.5 not WF4.

workflow codeart flowchart sharepoint wf

Flowton

Flowton is a open source flowcharting application based on open source shape library NShape available at http://code.google.com/p/nshape. For now, it is primitive with inbuilt shapes and would want to expand its capability to more stencils. Developed in VB.NET Express 2010. an...

export flow-chart flow-diag flowchart ftn-files import multipage-document

shenzhen-go - Experimental visual Go environment

SHENZHEN GO (working title) is an experimental visual Go environment, inspired by programming puzzle games such as TIS-100 and SHENZHEN I/O.SHENZHEN GO provides a UI for editing a "graph," where the nodes are goroutines and the arrows are channel reads and writes. (This is analogous to multiple "microcontrollers" communicating electrically in a circuit.) It can also convert a graph into pure Go source code, which can be compiled and run, or used as a library in a regular Go program.

visual graph flow flowchart dataflow

jquery.flowchart - JQuery plugin that allows you to draw a flow chart.

Javascript

jquery.flowchart.js is an open source javascript jQuery ui plugin that allows you to draw and edit a flow chart. This project is part of a bigger one, UltIDE which allows you to have a complete interface managing a flowchart and custom properties. Though it is still WIP, you are welcome to give it a try and contribute. A screenshot is shown below.

flowchart svg flow chart graph ui jquery-plugin ecosystem:jquery

reaflow - 🕸 React library for building workflow editors, flow charts and diagrams

TypeScript

REAFLOW is a modular diagram engine for building static or interactive editors. The library is feature-rich and modular allowing for displaying complex visualizations with total customizability.

react workflow reactjs diagrams flowchart visualizations node-editor elkjs

Warewolf - Effortless Microservice Design and Integration

CSharp

Service oriented architecture has finally entered the 21st century. Warewolf allows developers to use a visual, flow-based, drag and drop environment to design and create microservices, and then call those microservices from directly within their applications. The end result is months of programming accomplished in days and a total revolution in how we think about and use the SOA framework.Everyone! But it really helps if you’re a C# developer, or a WPF expert. You could be recognised as a top contributor, and even get an original Warewolf T-shirt for your contribution.