Skip to content

koppor/javascript-graph-library-comparison

Repository files navigation

Build Status


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
Example

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. Performance Example of jsPlumb

License

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