koppor/javascript-graph-library-comparison

JavasScript frameworks for editing graphs compared

---

GraphLibComp

This project implements a basic website using seven different graphic frameworks for comparison.

Getting started

Prerequisites

You need NodeJS installed. Follow this Documentation, if you never have used NodeJS or NPM.

After installation

npm install
sudo npm install -g bower
sudo npm install -g gulp

Installing

Install the dependencies in the different framework

bower install

Run the demo

gulp

Design

To show the capabilities of every graphic framework, we will implement a basic website with the following requirements:

• Two different shapes
• Arrows (solid and dashed)

The following images show the application

Frameworks

The following frameworks are used in this project.

D3.js

Draw2D

Fabric.js

jsPlumb

JointJS

Paper.js

Raphaël

Performance Test

The following three frameworks have a performance test option.

Draw2D

JSPlumb

JointJS

The test of the performance is done by generating a X * Y Grid, where X is the count of elements on the x-axis and Y is the count of elements on the y-axis. The max value for X and Y is 100 and the min value for X and Y is 1.

License

This project is licensed under the MIT License - see the LICENSE.md file for details

javascript-graph-library-comparison's Issues

Add diagram.js

Add diagram.js - https://github.com/bpmn-io/diagram-js

Hint from GfSE/SpecIF-Viewer#9

Add UST-MICO/grapheditor

https://github.com/UST-MICO/grapheditor

Live demo: https://mico-grapheditor.readthedocs.io/en/latest/

Cleanup repository

• ignore node_modules
• use master branch as the single source of truth
• automatically publish using travis