Data, data, everywhere. But what do you do with it? Today, we’ve collected 12 stunning examples of data visualizations in website design to jump-start your thinking about how to work with data.
We live in a time where the ability to showcase data in new and interesting ways can be a huge asset as a designer.
Whether you have a massive collection of numbers or just information that you want to showcase, this design style can be a great tool in your kit.
With decades of data spanning 32 teams, there’s plenty of information available about games in the NFL. FiveThirtyEight boiled it all down into a series of interactive graphs that you can view by team to see the ebbs and flows of football history.
The best thing about this data visualization is that it is super simple. The lines show wins and losses. But with clicks and hovers, the data springs to life: You can get scores, dates, and records for every single game overlaid on a map of the averages for the entire league. (So you can see if your team is ahead of or behind the pack.)
Selfies are more than just a fun set of photos. Selfiecity uses rich media visualizations to assemble thousands of photos to find demographic information about the people who take them.
What’s cool about this data set is that while it is all visual – thousands of photos – you can start to see patterns, such as the style of selfie people take in different places, whether women or men take more photos and the ages of selfie-takers. While there are some statistics and numbers here, this data is plotted using photos in a giant grid.
This project from ThePudding shows that data doesn’t always have to be numbered. It analyzes the number of unique words used in hip hop lyrics and plots the biggest vocabularies by the number of words with images of the artist.
Here’s how it works: “It compares the number of unique words used by some of the most famous artists in hip hop (that is, an example of a quantitive view of lyricism, once proposed by Tahir Hemphill). I used each artist’s first 35,000 lyrics. This way, prolific artists, such as Jay-Z, can be compared to newer artists, such as Drake.”
The simple black and white design of the plotted chart is visually interesting and makes it easy to see which artists are ahead of the pack. (Or you can use the more interactive tools and search for specific artists.) You can also sort by era, with the 2000s being the most lyrically robust.