A14 – Data Joins

The purpose of this assignment is to provide you experience joining data to visual elements.


Part I

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

Find a new source of data on the Internet that includes at least 2 dimensions of data (e.g. state name, population) where one dimension has at least 20 data points.

You may have a placeholder svg element in join.html, but the svg element should not have any child elements.

When your page loads, your join.js file should create a bar graph by appending rect elements for each pseudo-element in the entry section after a data join.

Part II

Add two buttons to your web page that when pressed, sort the text elements and the rectangles.

© 2018 – 2021, Eric. All rights reserved.