Homework 3: D3 Spring Layout

In this homework you create a basic spring layout for a node-link visualization.

Steps:

• Create a simple network rendering in D3, if you like based on this D3 example.

• Implement a custom random layout.

• Implement a custom spring layout based on Eades’ paper. Do not use the D3 force layout or any forces already defined by D3. Do this from scratch.

• Implement an animated transition for the nodes between the positions of the random layout and spring layout (timed, on button click, or however you want).

• Post your solution as a JSFiddle.

Create a private Piazza post:

• Make the title your name.

• Make the folder hw3.

• Link to your JSFiddle.