A22 – Layouts

The purpose of this assignment is to gain experience using D3’s layout methods.


For this assignment please create files named layout.html, layout.css, and layout.js.

  • Find hierarchal data on the web that contains at least 20 entities and that has 2 data fields for each element.
  • Use any D3 layout method to position the visualization’s elements.
  • Include the 2 data fields in the visualization.
  • Provide legends for any scaling that you use.
  • Create a visualization that is no larger than 1024×768.
  • Provide a title for the visualization and cite the source of the data.

© 2018 – 2021, Eric. All rights reserved.