Drawing library for flowchart drawing in JavaScript

Question

I am creating a desktop application using NodeWebKit, sails.js, and AngularJS where users can create documents and add flowcharts, diagrams, etc., similar to draw.io and Gliffy.com, which allows a user to create a flowchart by dragging and dropping from the sidebar.

Are there a JavaScript library which allows me to do that?

I am actually looking for using d3 to simulate draw.io – Luk Aron Feb 27 '21 at 22:48 — Luk Aron, Feb 27 '21 at 22:48

score 2 · Answer 1 · edited Aug 13 '20 at 20:44

2

D3.js would be a good starting point if you are going to code the functionality yourself. It allows you to manipulate SVG images with the use of data.

edited Aug 13 '20 at 20:44

Peter Mortensen

30,738
21
105
131

answered Feb 13 '15 at 10:32

hudsond7

666
8
25

score 2 · Answer 2 · answered Feb 14 '15 at 11:12

2

For the same reason I created Diagramo. It's open source and it might fit your need.

answered Feb 14 '15 at 11:12

Alex

5,510
8
35
54

I go to the GitHub, and the last update is like 7 years ago already. And also php is used. – Luk Aron Feb 26 '21 at 03:13
PHP was used to save whatever you created. – Alex Feb 26 '21 at 11:21

score 1 · Answer 3 · edited Aug 13 '20 at 20:47

There are many graph drawing libraries available.

Even the library that draw.io is based on is available commercially.

My personal recommendation would be the yFiles for HTML JavaScript graph drawing library library, though, which to the best of my knowledge is the most feature complete commercially available library of that kind.

_{I work for the company that creates said library, so you may find my opinion biased. I do not represent my employer here on Stack Overflow, though. This is my own opinion.}

score 1 · Answer 4 · edited Aug 13 '20 at 21:18

1

The underlying library to draw.io is available on GitHub.

edited Aug 13 '20 at 21:18

Peter Mortensen

30,738
21
105
131

answered Sep 09 '16 at 08:43

Frodo Baggins

8,290
6
45
55

Yes, mxGraph is the library I am learning now. Its API is quite large to produce various kinds of nice looking diagrams. – Lex Soft Jul 12 '20 at 03:08

Drawing library for flowchart drawing in JavaScript

4 Answers4