mahuntington
/
d3-notes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '51feb6afbb'
${ noResults }
d3-notes/FORCE_DIRECTED_GRAPH.md

789 B
Raw Blame History

Force Directed Graphs

Describe a Force Directed Graph

  • A force directed graph is a graph that is affected by various forces (e.g. gravity, repulsion, etc)
  • It can be extremely useful when setting up graphs of relationships

Describe how a to set up a graph of relationships

Display

  • We're going to have a list of nodes representing people and display them as circles
  • We're going to have a list of links representing connections between people and display them as lines

Physics

  • We're going to have a gravitational force at the center of the svg that draws all nodes towards it
  • We're going to have forces on each node so that they repel each other
  • We're going to have link forces that connect each of the nodes so that they don't repel each other too much