Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/netbek/sylvester

Force-directed layout of an Erdős–Rényi graph
https://github.com/netbek/sylvester

d3 visualization

Last synced: about 1 month ago
JSON representation

Force-directed layout of an Erdős–Rényi graph

Awesome Lists containing this project

README

        

# sylvester

## Demo

[netbek.github.io/sylvester](https://netbek.github.io/sylvester)

## Installation

### Ubuntu

Install system dependencies:

```
sudo apt-get install graphicsmagick pngquant
```

Install or update local Node dependencies:

```
cd /path/to/sylvester
yarn install
```

### OS X

Install system dependencies:

```
brew install graphicsmagick
brew install pngquant
```

Install or update local Node dependencies:

```
cd /path/to/sylvester
yarn install
```

## Usage

To generate SVG of random graph, run:

```
gulp livereload
```

To prepare generated SVG for web, copy SVG file to `/process` and run:

```
gulp process
```

## Further reading

* [Force-directed graph drawing](https://en.wikipedia.org/wiki/Force-directed_graph_drawing)
* [Erdős–Rényi model](https://en.wikipedia.org/wiki/Erd%C5%91s%E2%80%93R%C3%A9nyi_model)
* [d3/d3-force](https://github.com/d3/d3-force)

## Feature ideas

* [Centrality - Elijah Meeks](http://bl.ocks.org/emeeks/9357371)
* [Sticky Force Layout - Mike Bostock](https://bl.ocks.org/mbostock/3750558)
* [Modifying a Force Layout - Mike Bostock](https://bl.ocks.org/mbostock/1095795)

## Credit

* [Force-Directed Graph - Mike Bostock](https://bl.ocks.org/mbostock/4062045) (GNU General Public License, version 3)
* [Collision Detection - Mike Bostock](https://bl.ocks.org/mbostock/31ce330646fa8bcb7289ff3b97aab3f5) (GNU General Public License, version 3)

## License

Copyright (c) 2017 Hein Bekker. Licensed under the GNU Affero General Public License, version 3.