Skip to content

straku/d3-graph

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

d3-graph

To run locally with live reloading enabled (gulp-livereload, chrome extension or middleware needed) type:

gulp

To build (minification, no live reloading) type:

gulp build

The purpose of this visualization was to resemble graphic project created by designer rather than letting d3.layout.force to do its job. Additionally visualization needed to be partially dynamic - nodes oscillate in random directions with random amplitudes and are attracted by mouse pointer.

In order to give graph desired look nodes with images and main node have fixed positions. For the same purpose some links are relatively longer.

Data structures describing nodes and links are defined in src/js/data.js file.

File src/js/graph-config.js contains some of the d3.layout.force parameters that I believe are relatively safe to change without breaking layout. There are also parameters responsible for mouse pointer pull strength and animation. Feel free to play and break.

Although I consider this project complete if you have any suggestions for improvements / questions feel free to use issues or PR.

About

D3 graph quasi-dynamic visualization for avt.dk website.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published