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, 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 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., 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?
Share Improve this question edited Aug 13, 2020 at 20:42 Peter Mortensen 31.6k22 gold badges110 silver badges133 bronze badges asked Feb 13, 2015 at 7:52 AbhishekAbhishek 2,0198 gold badges29 silver badges53 bronze badges 1- I am actually looking for using d3 to simulate draw.io – Luk Aron Commented Feb 27, 2021 at 22:48
4 Answers
Reset to default 2For the same reason I created Diagramo. It's open source and it might fit your need.
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.
There are many graph drawing libraries available.
Even the library that draw.io is based on is available mercially.
My personal remendation would be the yFiles for HTML JavaScript graph drawing library library, though, which to the best of my knowledge is the most feature plete mercially available library of that kind.
I work for the pany 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.
The underlying library to draw.io is available on GitHub.