Homework: 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. Note that you will have to parse the algorithm out of the paper – it is not given to you directly.

• 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 Block.

Create a private Piazza post:

• Make the title your name.

• Choose the correct folder.

• Link to your Block.