📝Penn Art of the Web S22 Week 12b

Web Sustainability

Student Data Visualization Examples



Activity 1 – Looking at Data Visualizations

In small groups, find two examples of a data visualization that has a strong narrative component to it. Try to find two examples that use very different visual strategies to communicate the information.

Document the process in the chart below.

You can find examples on any website you’d like, but here are a few starting points:


Group 1
Antonia, Ruth, Cecily

Group 2
Larry, Will, Jason, Paris

Group 3
Sherry, Cindy, Rachel


Example 1



Link to visualization and Title and description
What is the data, what kind of data is it, and where is it coming from?
What is the story of the visualization? How can you tell?
Are there multiple ways to view the data? How does each one share something new about the visualization?
Would another treatment work for this visualization? What might you try? How would the story change?
Group 1
Every Noise at Once
Different spotify genres to categorize different songs. It is coming from data from Spotify’s classifications.
How different genres of music within Spotify’s database are connected to each other. Top is more mechanical, bottom is organic, left is atmospheric, right is “spiky.”
There is only one way to view the data. It groups genres together based on similarities.
Yes I think it could show more about how many songs actually apply to each category, or have them be different sizes to show which are more popular.

They could also share what the axes are that they’re using to sort the music at the top of the map, so you know where you are in the space. Maybe also a hover feature that will tell you how the genre ranks in “mechanical”, “organic”, “atmospheric”, and “spiky”.
Group 2
Cycle of Many: visualization of 24-hour activities for Americans
The data is how a selected group of Americans spend their time during a 24 hour period. The data is time based categories. The data is coming from the American Time Use Survey 2020, which is run by the Bureau of Labor Statistics.
The story follows the pattern of what people are engaged in throughout the day. You can see these patterns emerge in how much space each color occupies and where in the circle each color is located, such as how the left half of the circle is mostly gray because it is nighttime and people are sleeping.
Not really, since it’s just data about how many Americans do certain activities at a particular time. This graph or data visualization is on a 24-hour cycle.
A circular visualization is pretty necessary because of the routine nature of a 24-hour cycle, but would add something to make it clearer what each color represents and might play with what it could look like without dots representing each person and rather more consolidated data.x