Design

Making Complexity Visual: 6 Beautiful Data Visualizations

Making Complexity Visual: 6 Beautiful Data Visualizations

Try 4 Top Design Professions. Free ➞ In 5 days, you'll get acquainted with illustration, UX/UI, web, and graphic design. Add 4 compelling case studies to your portfolio and decide which direction to take next.

Learn More

When creating infographics, you can draw inspiration from nature, as well as from 19th-century engineering solutions. It's also worth trying to organize the chaotic emotional waves that have arisen during the pandemic. Effective infographics can help visualize complex data and emotions, making them more understandable and accessible to a wider audience.

We present effective and aesthetically pleasing visualizations that make complex data quickly digestible. These graphical representations help simplify information analysis, making it more accessible and understandable to a wider audience. Well-designed visualizations not only facilitate understanding but also contribute to a deeper understanding of data, which is especially important in the context of large amounts of information.

Data Visualization from the 19th Century: Napoleon's March to Moscow

Charles Joseph Minard was an outstanding French engineer and surveyor who played a significant role in the development of cartography. He was one of the first specialists to apply graphical methods to information visualization. Minard created historical, economic, and thematic maps that helped to better understand complex data and trends. His work influenced the further development of cartography and data analysis, contributing to scientific research and education.

His most famous work is a cartographic visualization of Napoleon's invasion of Russia in 1812. Edward Tufte, a professor at Yale University, claims that this graphic is "the best statistical graphic ever created." This visualization not only illustrates the scale of the war effort, but also demonstrates mastery of data presentation, allowing viewers to better understand the impact of historical events.

«Carte figurative des pertes successives en hommes de l’Armée française dans la campagne de Russie en 1812–1813», 1869. Image: Wikimedia Commons

The Minard map is a Sankey diagram that effectively visualizes material flows such as raw materials, goods, and people. By using arrows and varying their thickness, this diagram allows you to visualize how resources move between different nodes of the system. This makes the Minard map a useful tool for analyzing and optimizing processes in various industries.

The arrows on the Minard map illustrate the movements of the French army, its division and consolidation. The brown arrow indicates Napoleon's movement toward Moscow, and the black one indicates his retreat from it. The thickness of the arrows and accompanying labels reflect changes in the army's size at different stages of the campaign. For example, the reduction in numbers from 50,000 to 26,000 soldiers during the crossing of the Berezina is visually conveyed through a change in line thickness, which allows for a better understanding of the scale of losses.

Detail of the map showing Napoleon's army crossing the Berezina River. English: Image: Charles-Joseph Minard / BNF Gallica / France’s National Library

To explore the map in more detail, follow this link. If you want to create your own Sankey diagram, there are several online services that can help. These tools offer a variety of features that make it easy and quick to visualize data in Sankey diagram format, which helps you better understand complex relationships.

  • Online Sankey Diagram Maker.
  • Sankey Diagram Generator.

Film-Film "The Fallen of World War II"

Filmmaker Neil Halloran has created an interactive documentary that includes narration. This film presents statistics on the number of casualties of World War II in various countries and compares them with the number of deaths in other military conflicts. The project aims to deeply understand the scale of human loss and its historical context.

The ratio of the number of people killed in World War II (red) and in subsequent wars. Still: Neil Halloran / ru.fallen.io

The entire film is illustrated by graphics created from multiple reproductions of the human figure. There are two main types of figures: military and civilians. Each figure symbolizes a thousand people, which helps to visualize the scale of the events and emphasize the social aspects.

The number of Polish soldiers killed during and after the occupation is about 200 thousand people. In the Polish operation, Germany lost 16 thousand soldiers. Still: Neil Halloran / YouTube

"Sheets" of figures are used to show the ratio of victims in different circumstances. For example, the total number of Holocaust victims is divided by country of origin and circumstances of their death. This allows for a deeper understanding of the scale of the tragedy and identifies patterns specific to different regions and situations. This approach helps researchers and society as a whole better understand the historical facts and preserve the memory of the victims.

Jews who died in World War II. More than half were killed in concentration camps. Still: Neil Halloran / YouTube
The ratio of those killed in the countries occupied by Germany at the beginning of the war. Still: Neil Halloran / YouTube
The ratio of dead German (yellow) and Soviet soldiers (red) in the Battle of Stalingrad. Still image: Neil Halloran / YouTube

This video features an interactive timeline map that allows users to hover over different countries during a pause. When hovered over, a pop-up window displays the total number of soldiers killed, as well as key events that occurred in different theaters of war during each month of the war. This feature helps to better understand the course of events and the scale of losses, which makes viewing more informative and engaging.

Frame: Neil Halloran / YouTube

Waves of immigration to the United States in the form of a ring saw

With the arrival of Europeans, America turned into a continent of emigrants, in In particular, the United States has become a top destination for millions of people. Every year, new immigrants come to the US, striving to realize their "American dream". Designers created an infographic illustrating this process in the form of a tree cut, symbolizing the diversity and multilayered cultures that shape modern American society.

Circles of Emigration to the United States, 1790–2016. 2018 Project. Image: Pedro Cruz / John Wihbey / Avni Ghael / Felipe Shibuya / National Geographic / Northeastern University

The creators of the project drew inspiration from the nature of tree growth, applying a similar principle to visualizing immigration statistics in the United States. This allows for a visual representation of the dynamics of migration processes, reflecting changes in the country's population and cultural diversity. This approach promotes a better understanding of the trends and factors influencing immigration and helps viewers grasp the scale and significance of this phenomenon in society.

Of course, I am happy to help you with editing the text. Please provide the text itself that you would like to change.

Nature has unique ways of organizing information, which is especially evident in trees, where rings indicate the process of growth. Using this phenomenon as a visual metaphor, one can imagine the United States as a tree, the formation and growth of which is determined by immigration. The nation, like this tree, has a century-long history, and its cells are made up of immigrants. Over time, these cells form decade-long rings, reflecting waves of immigration and the diversity of cultural influences. Immigrants contribute to the development of society, enriching it with new traditions, skills, and ideas. Thus, the history of the United States is a story of constant renewal, with each wave of immigration leaving its mark, shaping the country's unique identity.

Pedro Cruz, John Wiebe, Avni Gael, and Felipe Shibuya are researchers whose work is presented in an article on the website of Northeastern University in Boston. Their research covers important aspects of modern science and technology, offering new approaches and solutions to current problems. The article highlights the achievements of these scientists and their contribution to the development of their respective fields of knowledge. For a deeper understanding of the topic and relevance of their work, we recommend familiarizing yourself with the materials presented on the university website.

The rings in the diagram symbolize decades, and their diameter indicates the increasing volume of immigration. The colors represent the seven major cultural and geographic groups that came to the United States. The diagram is also organized along north-south and east-west axes, allowing one to see which regions of the United States are concentrated with immigrants from different directions. This demonstrates that the east of the country has a large concentration of European immigrants, while the west is dominated by Asian immigrants. Zooming in on the image reveals that the rings are formed by multiple cells. These cells represent the number of people who arrived in the country.

Image: Pedro Cruz / John Wihbey / Avni Ghael / Felipe Shibuya / National Geographic / Northeastern University

The creators of the infographic presented not only the general diagram, but also demographic "slices" for each state. The colored cells illustrate waves of emigration, while the gray cells reflect natural population growth. This visualization provides a better understanding of demographic changes and trends in different regions, which can be useful for research and analysis of migration processes.

Image: Pedro Cruz / John Wihbey / Avni Ghael / Felipe Shibuya / National Geographic / Northeastern University

3D map of population centers

The map's creators used European Commission population density data to develop a 3D model using Aerialod. This 3D model visualizes population density in different regions, giving users a visual representation of population distribution.

Image: Alasdair Rae / Visual Capitalist

The map demonstrates geographic patterns and constraints, allowing users to visualize population distribution. It clearly shows that northern Africa, where the Sahara Desert is located, is sparsely populated. Similarly, Australia is almost uninhabited, with the exception of some densely populated areas along the coast. These characteristics highlight the influence of natural conditions on population distribution and land use.

Special maps have been created for highly populated regions such as China, the United States, and India. These maps are divided into 1 km² squares, which allows for a visual representation of population density. At first glance, elevated areas may appear to be skyscrapers, but they actually reflect the number of residents living in each square. This allows for a better understanding of population distribution and the identification of the most densely populated areas in these countries.

China's most well-known densely populated cities are located on the coast, including Hong Kong, Shanghai, and Guangzhou. However, the central regions of the country also have large population centers, such as Chengdu and Chongqing. According to statistics, more than 90% of China's population lives in the eastern part of the country, highlighting the significant economic and cultural development of these areas.

Image: Alasdair Rae / Visual Capitalist

India has a population of nearly 1.4 billion, making it the second most populous country in the world after China. However, unlike China, India is spread over a smaller area, resulting in a high population density. This phenomenon is observed throughout the country, with peaks in urban and industrial areas such as Mumbai and Delhi. High population density has a significant impact on the social, economic, and environmental aspects of life in India.

India and Bangladesh. The Indo-Gangetic Plain is one of the most densely populated regions on Earth. Image: Alasdair Rae / Visual Capitalist

In the United States, the most densely populated region is the area between Boston and Washington, D.C., home to over 50 million people. Major population centers are also located in the South and Midwest. The West Coast has significantly lower population density, with the exception of areas like California and the San Francisco Bay Area, where many cities and economic opportunities are concentrated.

United States. Image: Alasdair Rae / Visual Capitalist

Countries with the Largest Rare Earth Element Reserves

Rare earth elements (REEs) are a group of 17 metals that play a key role in modern technology. They are used as catalysts and magnets, and in the production of specialized metal alloys, high-quality glass, and high-performance electronics. REEs are strategic raw materials for high technology, ensuring the efficiency and performance of various devices and systems. With the growing demand for electronics and alternative energy sources, the importance of rare earth elements continues to increase, making them a vital aspect in the development of future technologies.

This infographic presents the countries with the largest known reserves of rare earth elements (REEs), according to the United States Geological Survey (USGS). These resources play a key role in modern technology and are important for the development of high technology and clean energy. Information on REE reserves helps to understand the global picture of the distribution of these strategically important minerals and their importance to the world economy.

Image: Visual Capitalist

The graph shows the ratio of countries by rare earth element (REE) reserves. The color scheme represents global regions, including the Americas, Africa, Europe, Asia, Oceania, and others, which may encompass multiple countries. The inner circle represents the volume of reserves in tons, and the outer circle represents the percentage of these reserves relative to the global total.

In the lower right corner is a graph showing the production volume of rare earth elements (REEs). This figure does not always correspond to the volume of reserves. China ranks first in both categories, while Russia ranks fourth in reserves and seventh in production. Vietnam and Brazil rank second and third in reserves, but their production levels remain extremely low.

Yesterday, Today, Tomorrow: Emotional Waves During the Pandemic

The Canadian Public Film Service, in collaboration with design studio Jam3, has developed an interactive visualization of the emotional waves caused by the COVID-19 pandemic. This project allows viewers to better understand how the changing environment has affected people's emotional states at different points during the pandemic. The interactive format creates a unique opportunity to analyze and reflect on the experiences of many people around the world.

We aimed to create a dynamic emotional diary reflecting the feelings of Canadians and the world during the pandemic. To do this, we first needed to identify and categorize these feelings.

We conducted a survey of over 200 Canadians to understand how they perceive COVID-19 and its impact on their lives. Our analysis identified nine key themes: family, continuing life, mental health, the second wave of the pandemic, job losses, the #BLM movement, financial support, life in Canada, and the new reality. These themes reflect important aspects of Canadians' perceptions and adaptation to the pandemic, providing a deeper understanding of the social and economic changes that have occurred in the country.

We used a global dataset for our analysis. IBM Watson was fed a significant collection of Twitter tweets from around the world, revealing key aspects of our history.

Design studio Jam3 developed a website for the Canadian Film Service. This project is a shining example of the integration of modern design and functionality. Jam3, known for its innovative web design solutions, created a platform that not only attracts attention but also provides convenient access to information about Canadian film projects and initiatives. The site features an intuitive interface and responsive design, allowing users to easily find the resources they need. The development of this website reflects the Canadian Film Service's commitment to promoting domestic film and supporting creative initiatives in the country.

Using the IBM Watson AI cognitive computing platform, the authors analyzed 70,000 tweets per month. Artificial intelligence processed keywords and classified tweets according to four basic emotions: fear, joy, sadness, and confidence. The results of the study are presented in the form of a pie chart, which visualizes tweet data, allowing one to clearly see the distribution of emotions among users. This approach helps to better understand public opinion and the emotional state of users on social networks.

The main screen of the project. By the start of the project, the AI ​​had analyzed more than 600 thousand tweets. Screenshot: yesterday.nfb website

The main circle represents a clockwise timeline of events since the onset of the pandemic. The column to the right of the circle displays nine key topics that are being actively discussed. Four colors symbolize the four basic emotions: fear, joy, sadness, and confidence. Within the main circle and in individual months, large dots highlight key events that lead to emotional shifts, such as the World Health Organization's announcement of the pandemic. This visual approach allows for a better understanding of the emotional background and key moments that shaped public perception of the situation.

Users can track individual months or events, as well as filter the graph by topics and emotions. Clicking on a specific dot on the graph opens user tweets, allowing you to move from the big picture to detailed stories. This approach promotes a deeper understanding of the data and interaction with the content.

The chart is not finalized, as the developers continue to process new data. Anyone can contribute their tweet to the project using the hashtag #NFBTomorrow. You can also add your tweet directly to the project website.

Profession Graphic Designer PRO

You will learn how to create corporate identity elements and graphics for business. You will put together a portfolio that reflects your style and confirms your design skills. You can start a career in a studio or as a freelancer.

Find out more