Exercise:

• Part 1
1. Already added: Using code from the previous session, remove all svg contents, code for everything except Part 3.3 to Part 3.5
2. Note: this is the same code from before, we just loaded in data from the conference. Look at the data
3. Refresh the page and notice what happens
4. Inspect the rectangle data in the developer tools
   Hover over rect -> Right-click -> Inspect -> Properties tab -> rect -> __data
• Part 2
1. Change y to 80 instead of random, see what happens
2. Instead of randomly spreading them, put them side by side in a line. What happens?
   Get the index of each element and use it on the x axis
3. Change the widths of rectangles to 2
4. Add a delay immediately after the transition
   .delay((d,i)=>i*10)
• Part 3
1. Change the colors to reflect university affiliation
2. Give them different y values based on affiliation
3. Add text for affiliation at the end
• Part 4
1. Using another transition and a delay, slide the rects together (and the text) to form a bar chart
2. Add the count to the text
3. Change affiliation to "Year of Study"