https://github.com/kimxogus/network-visualization-example

https://github.com/kimxogus/network-visualization-example

Last synced: about 18 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/kimxogus/network-visualization-example
• Owner: kimxogus
• Created: 2016-09-23T17:33:46.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2019-05-03T12:42:53.000Z (over 5 years ago)
• Last Synced: 2024-11-06T05:35:53.336Z (about 2 months ago)
• Language: JavaScript
• Size: 1.34 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# network-visualization-example

## Description

Examples of network visualization using [d3.js](https://github.com/d3/d3) and [cytoscape.js](https://github.com/cytoscape/cytoscape.js).

### Example Website

https://kimxogus.github.io/network-visualization-example

### D3





### Cytoscape





## Quick start

#### Make sure you have Node.js

```bash

# --depth 1 removes all but one git commit history

git clone --depth 1 https://github.com/kimxogus/network-visualization-example.git

cd network-visualization-example

npm install

npm start

```

## Comparison between d3 and cytoscape

### D3.js

* Strength

 1. A lot of references.

 2. Various libraries and modules.

* Weakness

 1. Learning curve.

 2. Complex code.

 3. Cannot move objects.

### Cytoscape.js

* Strength

 1. Easy to use. Much less code compared to d3

 2. Able to handle thousands of objects. (Because it's based on HTML canvas)

 3. Free to move objects.

* Weakness

 1. Errors with webpack.

    (So I couldn't add other cytoscape ui extensions in this example)

 2. Less libraries and modules compared to d3.

## License

MIT