
{"id":3829,"date":"2021-01-26T08:54:00","date_gmt":"2021-01-26T07:54:00","guid":{"rendered":"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/uncategorized\/data-visualization-examples\/"},"modified":"2023-05-11T00:14:42","modified_gmt":"2023-05-10T22:14:42","slug":"data-visualization-examples","status":"publish","type":"post","link":"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/data-analytics\/data-visualization-examples\/","title":{"rendered":"9 Beautiful and Informative Data Visualization Examples"},"content":{"rendered":"<p>Data. We create a lot of it<em>.<\/em> While exact figures vary, it\u2019s estimated that we\u00a0<a href=\"https:\/\/www.statista.com\/statistics\/871513\/worldwide-data-created\/\" rel=\"noopener\">produced a staggering 59 zettabytes<\/a> of data in 2020 alone, with that figure expected to grow exponentially year-on-year.<\/p>\n<p>With so much information flying around, it\u2019s not surprising that data analytics has become such an indispensable area of expertise. As businesses, governments and other organizations make their way in the world, drive innovation and seek to maintain a competitive edge, data analytics is invaluable.<\/p>\n<p>And a key part of this is data visualization. Representing data graphically allows us to spot new insights, carry out high-level analyses and communicate our findings in a clear, concise way. It\u2019s a bit of an art form, too!<\/p>\n<p>If you\u2019re new to data visualization, check out the basic different data viz types. In this post, though, we\u2019re going to indulge in a few aesthetic delights with some of our favorite data viz examples.<\/p>\n<p>Let\u2019s start with a (relatively) simple one\u2026<\/p>\n<h2 id=\"visualizing-a-zettabyte\">1. Visualizing a zettabyte<\/h2>\n<p>As mentioned, humans created approximately 59 zettabytes of data in 2020. Considering we only reached one zettabyte in the mid-2010s, this is an incredible amount. As the world becomes more digitally connected, our rate of data production will only increase.<\/p>\n<p>While 59 zettabytes are too vast for our puny human brains to comprehend, what about a single zettabyte? Can we picture that? One zettabyte is equivalent to a sextillion bytes. Any clearer? Thought not.<\/p>\n<p>Luckily, before the dawn of the so-called \u2018Zettabyte Era\u2019, global IT company Cisco had a go at visualizing this for us.<\/p>\n<p><img decoding=\"async\" title=\"A visual representation of a zettabyte of data, depicted by a large circle representing a zettabyte in comparison to a dot representing an exabyte\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/visualizing-a-zettabyte-of-data.png\" alt=\"A visual representation of a zettabyte of data, depicted by a large circle representing a zettabyte in comparison to a dot representing an exabyte\" \/><\/p>\n<p>Source:\u00a0<a href=\"https:\/\/theguardian.com\/technology\/blog\/2011\/jun\/29\/zettabyte-data-internet-cisco\" target=\"_blank\" rel=\"noopener\">The Guardian<\/a> \/ Cisco<\/p>\n<p>This visualization definitely makes it easier to understand exactly how monumentally huge a zettabyte of data is. That\u2019s the power of data visualization.<\/p>\n<h2 id=\"network-graph-of-character-interactions-in-the-star-wars-franchise\">2. Network graph of character interactions in the Star Wars franchise<\/h2>\n<p>As the amount of data we produce grows, ever-more-complex visualization techniques are required to make sense of it. One increasingly popular form of data viz is the network graph. This allows us to plot the relationship between many different points, or nodes.<\/p>\n<p>Network graphs are excellent for visualizing connections or groups that emerge from big data. Illustrating this concept beautifully is this stunning visualization by data artist, science communicator, and researcher,\u00a0<a href=\"https:\/\/twitter.com\/kirellbenzi?lang=en\" target=\"_blank\" rel=\"noopener\">Kirell Benzi.<\/a><\/p>\n<p><img decoding=\"async\" title=\"Network graph of character interactions in the Star Wars franchise\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/network-graph-star-wars-characters.jpg\" alt=\"Network graph of character interactions in the Star Wars franchise\" \/><\/p>\n<p>Source:\u00a0<a href=\"https:\/\/kirellbenzi.com\/art\/dark-side-light\" target=\"_blank\" rel=\"noopener\">Kirill Benzi<\/a><\/p>\n<p>This eye-catching network graph is more than just a pretty image. It tracks the connections between the 20,000-plus characters that exist in the Star Wars universe. Each character is represented by a single node. And each of these nodes is connected by a color-coded line (or \u2018edge\u2019) to related nodes.<\/p>\n<p>Red represents the dark side of the force; blue represents the light side; yellow shows criminals and bounty hunters. With over 66,000 connections in total, this shows exactly how powerful (and beautiful) a network graph can be.<\/p>\n<h2 id=\"heat-mapping-the-potential-spread-of-the-covid-19\">3. Heat mapping the potential spread of the Covid-19<\/h2>\n<p>As smartphones track our movements, location-tagged data is fast becoming a common phenomenon. This has proven especially important during the Covid-19 pandemic, as countries scramble to track and trace potential chains of infection. For location data like this, maps are a vital tool. In this example, data viz software provider\u00a0<a href=\"https:\/\/tectonix.com\/\" target=\"_blank\" rel=\"noopener\">Tectonix<\/a> shows us the full potential of location-specific data mapping.<\/p>\n<p><img decoding=\"async\" title=\"A heatmap visualizing the potential spread of the covid-19 virus\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/covid-spread-heatmap.jpeg\" alt=\"A heatmap visualizing the potential spread of the covid-19 virus\" \/><\/p>\n<p>Source:\u00a0<a href=\"https:\/\/youtube.com\/watch?v=cq2zuE3ISYU&amp;feature=emb_logo\" target=\"_blank\" rel=\"noopener\">YouTube \/ Tectonix GEO<\/a><\/p>\n<p>This visualization shows anonymized phone data collected in Florida during spring break 2020. Each phone is represented by a single red node. The mist of red tells us that there were a lot of people enjoying spring break. The area highlighted in blue is a single beach in Fort Lauderdale.<\/p>\n<p><img decoding=\"async\" title=\"A heatmap showing anonymous phone data collected in Florida during spring break, depicting the spread of the coronavirus\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/heatmap-phone-data-covid-spread.jpg\" alt=\"A heatmap showing anonymous phone data collected in Florida during spring break, depicting the spread of the coronavirus\" \/><\/p>\n<p>Source:\u00a0<a href=\"https:\/\/nytimes.com\/2020\/04\/11\/us\/florida-spring-break-coronavirus.html\" target=\"_blank\" rel=\"noopener\">New York Times \/ Tectonix GEO<\/a><\/p>\n<p>Tracking each node from this beach, Tectonix shows exactly where individuals traveled at the end of spring break. As a result, we can easily see how far and wide individuals from a single beach may have spread Covid-19.<\/p>\n<p>While this visualization is in equal measures terrifying and beautiful, it\u2019s an excellent example of how we can visualize big data over large geographical areas. To see the full visualization, check out\u00a0<a href=\"https:\/\/youtube.com\/watch?v=cq2zuE3ISYU&amp;feature=emb_logo\" target=\"_blank\" rel=\"noopener\">Tectonix\u2019s YouTube channel<\/a>.<\/p>\n<h2 id=\"d-mapping-of-population-density\">4. 3D mapping of population density<\/h2>\n<p>Another common type of map is the 3D map. While some visualizations use 3D elements to add a little flair, the best ones utilize that third dimension to the fullest. This is perfectly illustrated in this visualization by\u00a0<a href=\"https:\/\/twitter.com\/undertheraedar\" target=\"_blank\" rel=\"noopener\">Alasdair Rae<\/a>, founder of\u00a0<a href=\"https:\/\/automaticknowledge.co.uk\/about\/\" target=\"_blank\" rel=\"noopener\">Automatic Knowledge Ltd<\/a>, a UK-based data analytics company.<\/p>\n<p><img decoding=\"async\" title=\"3D map showing population density across Europe\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/europe-1km-density-exports-2.png\" alt=\"3D map showing population density across Europe\" \/><\/p>\n<p><img decoding=\"async\" title=\"A 3d map showing population density across Europe\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/europe-1km-density-exports-1.png\" alt=\"A 3d map showing population density across Europe\" \/><\/p>\n<p>Source: Alisdair Rae \/\u00a0<a href=\"http:\/\/www.statsmapsnpix.com\/2020\/04\/population-density-in-europe.html\" target=\"_blank\" rel=\"noopener\">statsmapsnpix.com<\/a><\/p>\n<p>Using the EU\u2019s freely available\u00a0<a href=\"https:\/\/ghsl.jrc.ec.europa.eu\/ghs_pop2019.php\" target=\"_blank\" rel=\"noopener\">GHS_POP data<\/a>, these images show population density across Europe. The map is broken down into 1km x 1km squares, with bar heights representing the number of people living in each area. As well as offering a striking render, we can see at a glance where the most densely populated regions are. For instance, Paris, London, Madrid, and Rome all leap out.<\/p>\n<p>An important thing to note about this map is how functional it is. The 3D rendering is pleasing to look at, but these elements serve more than just an aesthetic purpose\u2014they tell us something useful. This is a core principle of data visualization: substance should always come before style.<\/p>\n<h2 id=\"popular-programming-languages-on-the-cran-network\">5. Popular programming languages on the CRAN network<\/h2>\n<p>It wouldn\u2019t feel right to do a post about data visualization without some data analytics related themes! With this in mind, our next visualization\u2014a combination of a <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/data-analytics\/bubble-charts\/\">bubble chart<\/a> and circular network graph\u2014shows the use of popular programming languages in 300 packages on the Comprehensive R Archive Network (CRAN).<\/p>\n<p><img decoding=\"async\" title=\"A combination of a bubble chart and circular network graph showing the use of popular programming languages in 300 packages on the Comprehensive R Archive Network (CRAN).\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/loc-popular-programming-languages.jpeg\" alt=\"A combination of a bubble chart and circular network graph showing the use of popular programming languages in 300 packages on the Comprehensive R Archive Network (CRAN).\" \/><\/p>\n<p>Source:\u00a0<a href=\"https:\/\/twitter.com\/spren9er\/status\/1195826547724374018\/photo\/1\" rel=\"noopener\">Dr Torsten Sprenger<\/a> \u00a0\/<a href=\"https:\/\/github.com\/spren9er\/tidytuesday\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/p>\n<p>Sourcing data from the TIOBE index (which measures the popularity of programming languages) this visualization shows which CRAN packages were created using which languages. R comes top, followed by C and C++. Less popular languages are represented by smaller circles. The size of each circle is proportional to the number of lines of code used to produce the packages.<\/p>\n<p>If you want to play around with this chart, its creator Dr Torsten Sprenger has shared the data and code\u00a0<a href=\"https:\/\/github.com\/spren9er\/tidytuesday\" rel=\"noopener\">on his GitHub profile<\/a>\u2026go wild!<\/p>\n<h2 id=\"line-graph-of-global-surface-temperature\">6. Line graph of global surface temperature<\/h2>\n<p>Good data visualization needn\u2019t be flashy. In fact, it\u2019s often better when it\u2019s not. If data might be used to aid things like government policy or decision making, clarity is vital. And line graphs are an excellent tool for plotting time-series data clearly and simply.<\/p>\n<p><img decoding=\"async\" title=\"A line graph showing data for global surface temperature\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/ede-global-surface-temperature.png\" alt=\"A line graph showing data for global surface temperature\" \/><\/p>\n<p>Source:\u00a0<a href=\"https:\/\/unepgrid.ch\/en\/resource\/23886533\" target=\"_blank\" rel=\"noopener\">UNEP GRID<\/a><\/p>\n<p>This line graph tracks global surface temperatures from 1880 to the late 2010s. Crucially, it includes data from four different sources: NASA, NOAA, the Japanese Meteorological Agency, and the MetOffice. By overlaying these four sources of data, we can immediately see how closely correlated they are. They show an almost identical rise in global surface temperatures over the last 200 years.<\/p>\n<p>While the content of this graph should not be news to anyone by now, it is still an excellent example of how even simple data visualizations can draw powerful conclusions. Presented this way, it is very hard to deny these data.<\/p>\n<h2 id=\"interactive-bubble-chart-of-good-government\">7. Interactive bubble chart of good government<\/h2>\n<p>Visualizations should never be interactive for the sake of it. However, interactivity can also transform the way we see data.\u00a0<a href=\"https:\/\/govdna.sudox.nl\/#layout\/dna\/country\/TUN\/x\/23\/y\/32\/z\/20\/a\/0\" target=\"_blank\" rel=\"noopener\">Gov | DNA<\/a> is an award-winning interactive online web tool that explores the factors that contribute to good (and bad) government in countries all around the world.<\/p>\n<p><img decoding=\"async\" title=\"Interactive bubble chart showing data for &quot;good&quot; and &quot;map&quot; governments based on various scores\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/interactive-winner.jpg\" alt=\"Interactive bubble chart showing data for &quot;good&quot; and &quot;map&quot; governments based on various scores\" \/><\/p>\n<p>Source:\u00a0<a href=\"https:\/\/wernerhelmich.nl\/\" target=\"_blank\" rel=\"noopener\">Werner Helmich<\/a><\/p>\n<p>Representing each nation as a bubble, the tool lets you compare different countries at the click of a button. For instance, you can track each country\u2019s world happiness score against variables like employment, life expectancy, press freedom, and corruption. To get the full, immersive experience, we highly recommend checking out the interactive tool for this one. If you\u2019re anything like us, you\u2019ll lose hours on it!<\/p>\n<h2 id=\"streamgraph-of-immigration-to-the-us\">8. Streamgraph of immigration to the US<\/h2>\n<p>Streamgraphs are a type of area chart often used to compare time-series data. While not always suitable for an in-depth analysis, they are great for providing a broad overview. They\u2019re also visually compelling, especially when they\u2019re interactive.<\/p>\n<p><img decoding=\"async\" title=\"A steam graph showing data relating to immigration to the US\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/steamgraph-us-immigration.jpeg\" alt=\"A steam graph showing data relating to immigration to the US\" \/><\/p>\n<p>Source:\u00a0<a href=\"https:\/\/insightfulinteraction.com\/immigration200years.html\" target=\"_blank\" rel=\"noopener\">Talia Bronshtein \/ insightfulinteraction.com<\/a><\/p>\n<p>This beautiful streamgraph, created by data journalist\u00a0<a href=\"https:\/\/twitter.com\/ininteraction\" target=\"_blank\" rel=\"noopener\">Talia Bronshtein<\/a>, plots the nationality of different immigrants to the United States over 200 years (1820 to 2015). And its findings jump right out. For instance, we can immediately see that during the wartime period (1939-1945) immigration to the US almost stopped.<\/p>\n<p>We can also see that while most immigrants before WW2 came from countries like Austria-Hungary, Italy, and Russia; by the late 2000s, the bulk of immigration was coming from Asian and South American countries.<\/p>\n<p>Streamgraphs are excellent for spotting patterns quickly and easily. Be sure to check out the full interactive version of this one\u00a0<a href=\"https:\/\/insightfulinteraction.com\/immigration200years.html\" target=\"_blank\" rel=\"noopener\">on Talia\u2019s website.<\/a><\/p>\n<h2 id=\"sculptural-heat-map-of-chiles-2010-earthquake\">9. Sculptural heat map of Chile\u2019s 2010 earthquake<\/h2>\n<p>Data visualization isn\u2019t just for data analytics. As we\u2019ve said, it can be an art form. And we weren\u2019t speaking metaphorically!<\/p>\n<p>In 2010, the artist Janet Echelman was commissioned to create a sculpture representing the interconnectedness of the 35 nations of the Western Hemisphere. That year, there had been a huge earthquake in Chile. The event was so seismic that it created a huge tsunami and shortened the Earth\u2019s day by 1.26 microseconds.<\/p>\n<p><img decoding=\"async\" title=\"Sculptural heatmap of Chile's 2010 earthquake\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/map-chile-earthquake.png\" alt=\"Sculptural heatmap of Chile's 2010 earthquake\" \/><\/p>\n<p>Source:\u00a0<a href=\"https:\/\/nctr.pmel.noaa.gov\/ed_terms.html\" target=\"_blank\" rel=\"noopener\">NOAA \/ PMEL \/ Center for Tsunami Research<\/a><\/p>\n<p>This image shows a heatmap of the tsunami caused by the earthquake, as modeled by the US National Oceanic and Atmospheric Administration (NOAA). Echelman took this and used it as inspiration for her sculpture, which she constructed out of different colored rope suspended from a lightweight frame.<\/p>\n<p><img decoding=\"async\" title=\"A sculpture created by artist Janet Echelman\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/janet-echelman-126.jpeg\" alt=\"A sculpture created by artist Janet Echelman\" \/><\/p>\n<p>Source:\u00a0<a href=\"https:\/\/www.echelman.com\/#\/project\/1-26-denver\/\" target=\"_blank\" rel=\"noopener\">Janet Echelman<\/a><\/p>\n<p>The subsequent sculpture, named 1.26, is both a triumph of artistic achievement and a stunning data visualization. It\u2019s also evidence that data viz\u2014and by extension, data analytics\u2014can be just as creative as any artistic field. So if anybody ever suggests otherwise, you know where to point them!<\/p>\n<h2 id=\"final-thoughts\">Final thoughts<\/h2>\n<p>In this post, we\u2019ve offered a few samples of how informative, beautiful, and diverse data visualization can be.<\/p>\n<p>If we\u2019ve whetted your appetite for more, we recommend checking out\u00a0<a href=\"https:\/\/www.futurelearn.com\/info\/courses\/data-to-insight\/0\/steps\/4529\" target=\"_blank\" rel=\"noopener\">videos of the late Hans Rosling<\/a>, an unrivaled leader in the field of data viz. While we didn\u2019t include his work on our list, he is worthy of an honorable mention.<\/p>\n<p>Like the visualizations in our post, his work is truly inspiring. And, if you\u2019re new to the field, check out our <a href=\"\/en\/blog\/data-analytics\/what-is-data-visualization\/\">complete introduction to data visualization<\/a>.<\/p>\n<p>CareerFoundry\u2019s\u00a0<a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/courses\/data-visualizations-with-python\/\"><strong>Data Visualizations with Python course<\/strong><\/a> is designed to ease you into this vital area of data analytics. You can take it as a standalone course as well as a specialization within our full Data Analytics Program, you\u2019ll learn and apply the principles of data viz in a real-world project, as well as getting to grips with various data visualization libraries.<\/p>\n<p>To learn more about data analytics in general, try our\u00a0<a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/short-courses\/become-a-data-analyst\/\">free, 5-day data analytics short course<\/a>, or read about some more data analytics topics:<\/p>\n<ul>\n<li><a href=\"\/en\/blog\/data-analytics\/data-visualization-types\/\">13 Different types of data visualization to be aware of<\/a><\/li>\n<li><a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/data-analytics\/free-data-viz-tools\/\">The Top 8 Free Data Viz Tools<\/a><\/li>\n<li><a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/data-analytics\/data-analysis-software-tools\/\">The 7 Top Data Analysis Software Tools<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Data can be beautiful! And data visualization is a crucial part of the data analytics process. Allow these data viz examples to inspire you.<\/p>\n","protected":false},"author":101,"featured_media":1486,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_lmt_disableupdate":"yes","_lmt_disable":"","footnotes":""},"categories":[3],"tags":[9],"class_list":["post-3829","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-data-analytics","tag-editors-pick"],"acf":{"homepage_category_featured":false},"modified_by":"Matthew Deery","_links":{"self":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/3829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/users\/101"}],"replies":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/comments?post=3829"}],"version-history":[{"count":3,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/3829\/revisions"}],"predecessor-version":[{"id":27562,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/3829\/revisions\/27562"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/media\/1486"}],"wp:attachment":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/media?parent=3829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/categories?post=3829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/tags?post=3829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}