Simple Animated Data Visualization of Network Graph in D3.js
Budget: €12 – €18 EUR
I need help animating SVG circles in a network graph on D3.js.
Project description:
A network graph with nodes that change size and color based on data in a CSV. In the CSV for each date, every node has a specific color and size. I've attached a sample html file that draws the network graph as well as a sample picture of what it should look like. The structure of the CSV is not important, if there is a better way to feed the data it can be changed. The most important thing is for the network graph to animate over a range of dates and for each node to be able to change size and color. I should be able to switch the CSV with a new one and animate over a new set of nodes with unique parents, names, sizes, and colors.
Project Steps
1) Build the network graph with SVG circles for each node (example picture and code attached)
2) Iterate over the date field in the CSV and animate each node's size and color based on the data in the CSV
3) Create a button that starts the animation
Final deliverables:
1) Html file and CSV with example data
Required Experience:
1) Javascript & D3 experience required
Please give an example of a project where you animated data visualization using D3.js
thanks!
Project description:
A network graph with nodes that change size and color based on data in a CSV. In the CSV for each date, every node has a specific color and size. I've attached a sample html file that draws the network graph as well as a sample picture of what it should look like. The structure of the CSV is not important, if there is a better way to feed the data it can be changed. The most important thing is for the network graph to animate over a range of dates and for each node to be able to change size and color. I should be able to switch the CSV with a new one and animate over a new set of nodes with unique parents, names, sizes, and colors.
Project Steps
1) Build the network graph with SVG circles for each node (example picture and code attached)
2) Iterate over the date field in the CSV and animate each node's size and color based on the data in the CSV
3) Create a button that starts the animation
Final deliverables:
1) Html file and CSV with example data
Required Experience:
1) Javascript & D3 experience required
Please give an example of a project where you animated data visualization using D3.js
thanks!