We must present the data in a logical and easy to understand way. However, not all
data visualization works are equally good. So, how to organize data to make it attractive and easy to understand? Let us get inspired by the following 15 interesting examples, which are classic examples of
data visualization that focus on both style and content.
Examples of interactive data visualization
1: Why is there a "bus group" phenomenon
Here is a good example of a complex data set, it looks like a game. In this example, the Setosa website shows us how the "bus group" phenomenon occurs, that is, when a bus is delayed, it will cause multiple buses to arrive at the same time.
It is very difficult to tell the story with only numbers, so instead they turned it into an interactive game. When the bus rotates along the route, we can click and hold a button to delay the bus. Then, all we have to do is observe how a short delay causes the bus to gather after a certain period of time.
2: Languages in the world
This interactive work designed by DensityDesign is impressive. It shows many (or most of us) languages in the world in a non-verbal way, with a total of 2678 kinds.
This piece allows you to browse families who speak a common language, see which languages are most commonly used, and view the range of languages used around the world. This is a great visual narrative method: interpreting a deep subject in an easy-to-understand way.
3: Percentage of the US population by age group
In what way should a single data be presented? This is a convincing good example.
Pew Research created this GIF animation to show how the demographics have changed over time. This is a good way to compress a story with more content into a small animation package. In addition, this type of micro-content is easily shared on social networks or embedded in blogs, expanding the spread of content.
4: The complete history of the NFL (National Football League)
The sports world has a wealth of data, but these data are not always presented effectively. However, the FiveThirtyEight website has done a particularly good job.
In the interactive visual rating below, they calculate a “ranking score” for each game in the history of the National Football League – a simple measure of team strength based on the results of the game. In total, there are more than 30,000 ratings, and the audience can understand the performance of each team in decades by comparing the ratings of each team.
5: American Thanksgiving Day on Google Flights
The following is a good way to visualize objects moving in the air for a period of time. This is a Google Trends-driven project that tracks flights departing, arriving, and crossing the United States before Thanksgiving.
The visualization starts very early in the day, and as time goes on, it shows flights in flight across the country like a movie. There is no need to display any number outside the time, the audience can see which time of the day is the popular time for international flights, domestic flights and flights to and from different hubs across the country.
6: What really caused global warming?
We all know, "Don't just show the data, tell a story." This is exactly what Bloomberg Business is doing to visualize the ins and outs of telling stories in an interactive way. .
The key to this picture is to refute the theory of explaining global warming with natural causes. First you will see the temperature rise observed from 1880 to the present. In order to enrich the story, when you scroll down, this visualization will let you clearly understand how many different factors are causing global warming compared to the factors that have been observed. The author hopes that the audience can draw very clear conclusions.
7: Who is fighting with whom in Syria?
The relationship between many different groups can be difficult to understand – especially when there are 11 such groups. Some of these groups form alliances, some hostile, and vice versa. This is hard to understand.
However, the Slate website simplifies these data into a simple, easy-to-understand and interactive form through tables and familiar visual expressions. Viewers can click on any face to view a brief description of the relationship between the two parties.
8: The most valuable sports team
This is a typical example of telling deep stories by superimposing data.
This interaction was designed by Column Five and was inspired by Forbes ’list of the“ Top 50 Most Valuable Sports Teams of 2014 ”. But not only does it visualize the list, users can also use it to see how long each team played and the number of championships won. This provides a more comprehensive overview of the history and success of each team.
9: American wind map
It is a visualization similar to Thanksgiving flights, it can also display the wind speed and direction in the United States in real time.
It is a good example of intuitive design: the wind speed is expressed by the speed of the line movement, and the direction is expressed by the path of the line movement. It will show the general trend of the American wind direction instantly, without any numbers, unless you click the mouse on the map. In addition, setting up to two variables when using it will make it easier to operate.
10: Distribution map of political news audience channels
According to the Pew Research Center, when designers have a lot of information and cannot delete it, they usually put the information in a data table to make it more compact. However, they use distribution maps instead.
why? Because the distribution map allows the audience to see each media channel on the spectrum. In the distribution map, the distance between the channels of each media is particularly significant. If these points are only listed in the table, then the audience cannot see the comparison between each channel.
11: Schedule of famous creatives
This data visualization is a simple concept portrayed with peculiar ideas. This table uses the information in Mason Currey's book "Routine Practices" to show the schedules of famous creatives, and to interpret their schedules and activities. This is not only an example of data analysis (because you can browse the schedule through a separate event), but also a masterpiece of brand promotion.
12: Annual news
The best way to visualize data is to convey information in an intuitive and beautiful way. Echelon Insights is committed to this approach by visualizing the most followed news on Twitter in 2014.
13: Frontier budget
Here is how to create a well-designed chart that transfers a lot of data. What's the secret? ——Use simple and clean format to facilitate readers to understand the data.
This chart, produced by GOOD Magazine and Column Five, interprets NASA's five-year budget and shows how and where the funds will be spent. In addition, it also has a theme design, which is really a comprehensive and successful work!
14: The depth of the problem
When you want to emphasize scale, static data visualization is an excellent way to express your point of view. The following infographic from the "Washington Post" is incredibly long ... This is intentional. They showed how deep the deep sea signal an aircraft can detect is by comparing the aircraft's detection depth with high-rise buildings, the maximum depth of known mammals, and the depth of the Titanic shipwreck. This is an excellent way to use simple visual effects and color gradients.
Finally, adding data to the news report (the missing Malaysia Airlines in the article) is a good way to provide context.
15: Kontakladen Charity Annual Report
Not all data visualizations need to be expressed in the form of animation. When real-world data is visualized through real-life examples, the results will be amazing. Designer Marion Luttenberger presents the data contained in Kontakladen's charity annual report in a unique way.
The organization supports drug users in Austria, so Luttenberger promotes their mission through visual elements in real life.
