{"id":2124,"date":"2019-12-10T02:16:32","date_gmt":"2019-12-10T02:16:32","guid":{"rendered":"http:\/\/kusuaks7\/?p=1729"},"modified":"2024-02-12T13:30:38","modified_gmt":"2024-02-12T13:30:38","slug":"the-power-of-visualization-in-data-science","status":"publish","type":"post","link":"https:\/\/www.experfy.com\/blog\/bigdata-cloud\/the-power-of-visualization-in-data-science\/","title":{"rendered":"The Power of Visualization"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2124\" class=\"elementor elementor-2124\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-36017aec elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"36017aec\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3bfc8150\" data-id=\"3bfc8150\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b9b938d elementor-widget elementor-widget-heading\" data-id=\"b9b938d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2>A picture really does say a thousand words.<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93573ff elementor-widget elementor-widget-text-editor\" data-id=\"93573ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<section>\n<blockquote>\n<p id=\"0e20\" data-selectable-paragraph=\"\">\u201cVisualization is really about external cognition, that is, how resources outside the mind can be used to boost the cognitive capabilities of the mind.\u201d \u2014<strong>\u00a0Stuart Card<\/strong><\/p>\n<\/blockquote>\n<\/section>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9853176 elementor-widget elementor-widget-text-editor\" data-id=\"9853176\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<section>\n<p id=\"d015\" data-selectable-paragraph=\"\">This article focuses on the importance of visualization with data. The amount and complexity of information produced in science, engineering, business, and everyday human activity is increasing at staggering rates. Good visualizations not only present a visual interpretation of data, but do so by improving comprehension, communication, and decision making.<\/p>\n<p id=\"625a\" data-selectable-paragraph=\"\">The importance of visualization is a topic taught to almost every data scientist in an entry-level course at university but is mastered by very few individuals. It is often regarded as obvious or unimportant due to its inherently subjective nature. In this article, I hope to dispel some of those thoughts and show you that visualization is incredibly important, not just in the field of data science, but for communicating any form of information.<\/p>\n<p id=\"5fda\" data-selectable-paragraph=\"\">I will aim to show the reader, through multiple examples, the impact a well-designed visualization can have at communicating an idea or piece of information. In addition, I will discuss the best practices for making effective visualizations, and how one can go about developing their own visualizations and the resources that are available to go about doing this.<\/p>\n<p id=\"04b6\" data-selectable-paragraph=\"\">I hope you enjoy this visual journey and learn something in the process.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7660d9 elementor-widget elementor-widget-image\" data-id=\"c7660d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/2098\/1*Tq5lGPHq7qkH__ER3KE1FQ.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2143748 elementor-widget elementor-widget-heading\" data-id=\"2143748\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><h1 id=\"c016\" data-selectable-paragraph=\"\"><strong>What is Visualization?<\/strong><\/h1>\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48f8649 elementor-widget elementor-widget-text-editor\" data-id=\"48f8649\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"c7f9\" data-selectable-paragraph=\"\">The American Heritage Dictionary defines visualization as:<\/p>\n<p id=\"2ae7\" data-selectable-paragraph=\"\"><strong>(1)\u00a0<\/strong>The formation of mental visual images.<\/p>\n<p id=\"1861\" data-selectable-paragraph=\"\">In the context of visualization with data, it is necessary to add something to this definition, so that it becomes:<\/p>\n<p id=\"cf5f\" data-selectable-paragraph=\"\"><mark><strong>The formation of mental visual images to convey information through graphical representations of data.<\/strong><\/mark><\/p>\n<p id=\"2977\" data-selectable-paragraph=\"\">If you are pursuing a career in data science, this is one of the most crucial skills that you can master, and it is transferable to virtually any discipline. Let us imagine that you are trying to convince your manager to invest in a company and you present them a spreadsheet full of numbers to explain to them why this is such a good investment opportunity. How would you respond if you were the manager?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-061bfb8 elementor-widget elementor-widget-text-editor\" data-id=\"061bfb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"7a2a\" data-selectable-paragraph=\"\">If presented in visual form, information is often much easier to digest, especially if it makes use of patterns and structures that humans can interpret intuitively. If you want a quick and easy visualization that requires little to no effort, you can go with something like a pie chart or a bar chart. In terms of developing visualizations, this is often as far as most people go, and often, it is as far as they made need to go for there field of expertise.<\/p>\n<p id=\"4633\" data-selectable-paragraph=\"\">Another factor that inhibits our use of visualizations is the amount of data we have available. How do I know if visualization is an appropriate method to communicate a message?<\/p>\n<p id=\"3132\" data-selectable-paragraph=\"\">This is a difficult question to answer. One design study recommends that we assess the viability of using visualizations based on the clarity of our task and the location of the information.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cbaf2b elementor-widget elementor-widget-image\" data-id=\"9cbaf2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1662\/1*TrDmGzuThIG9HNU_cTRpIw.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6a46d7 elementor-widget elementor-widget-text-editor\" data-id=\"b6a46d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\" data-selectable-paragraph=\"\">Design Study Methodology: Reflections from the Trenches and the Stacks, Michael Sedlmair, Miriah Meyer, and Tamara Munzner. IEEE Trans. Visualization and Computer Graphics, 2012.<\/p>\n<p id=\"90fe\" data-selectable-paragraph=\"\">If we are in the top right corner of this diagram, it becomes feasible to develop and program interactive visualizations, which is the realm in which data scientists are now entering due to the persistently increasing scale of data resulting from the information explosion.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f20bcec elementor-widget elementor-widget-image\" data-id=\"f20bcec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/500\/0*kuln8toAUAGNIehS.jpg\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb98b33 elementor-widget elementor-widget-text-editor\" data-id=\"bb98b33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\" data-selectable-paragraph=\"\">Information Explosion.<\/p>\n<p id=\"27fb\" data-selectable-paragraph=\"\">We are now living in a data-driven world, and it is only likely to become more data-driven. This is clear from multiple areas, such as important advances in developing large-scale sensor networks as well as artificial intelligence agents that interact with the world (such as self-driving cars).<\/p>\n<p id=\"9353\" data-selectable-paragraph=\"\">In a world where data is sovereign, having the power to develop clear and impactful visualizations is becoming an increasingly necessary skill.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d173549 elementor-widget elementor-widget-heading\" data-id=\"d173549\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><h1 id=\"7d6c\" data-selectable-paragraph=\"\"><strong>Good and Bad Visualizations<\/strong><\/h1><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-754e323 elementor-widget elementor-widget-text-editor\" data-id=\"754e323\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"2f61\" data-selectable-paragraph=\"\">Humans have been creating visualizations for thousands of years, and whilst the drawings of cavemen are slightly less spectacular than what we have nowadays, it is still good to appreciate just how powerful some of the early visualizations were, as well as how impactful they have been on the modern world.<\/p>\n<p id=\"51c9\" data-selectable-paragraph=\"\">Take Leonardo da Vinci, for example, an Italian polymath who was not only the first one to come up with incredible inventions such as the airplane, helicopter, and tank, but was also incredibly skilled at drawing. His engineering and anatomical drawings, like the ones below, are incredibly realistic and yet simple to understand.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c9f493 elementor-widget elementor-widget-image\" data-id=\"3c9f493\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1976\/1*3W3GVWyQ5S8HBNtE6X0Y6Q.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e14f8fd elementor-widget elementor-widget-text-editor\" data-id=\"e14f8fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"d0f2\" data-selectable-paragraph=\"\">Being skilled at drawing was very necessary for the purpose of visualizations back hundreds of years ago when we did not have computers to draw things for us. Take a moment to admire Galileo\u2019s sketches of the moon during different phases of the lunar calendar.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d04d744 elementor-widget elementor-widget-image\" data-id=\"d04d744\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1990\/1*6PVSdStZbWaSPmZp4LUFQg.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8234db elementor-widget elementor-widget-text-editor\" data-id=\"c8234db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"3c7c\" data-selectable-paragraph=\"\">It is not often that we really stare at ancient drawings of the Moon, so is there really still a need for these types of visualizations in the modern world? And if there is, can we not just leave it to artists, graphic designers, and the like?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-509a76e elementor-widget elementor-widget-text-editor\" data-id=\"509a76e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"5be5\" data-selectable-paragraph=\"\">The answer is obviously yes. Even ten or fifteen years ago, learning something like chemistry was incredibly difficult, despite being able to picture molecules in your head, it is still tough to translate between complex scientific words and your mental picture of what is occurring. Nowadays, one can go on Youtube and type in a few words and watch a visualization or a visual walkthrough of essentially any aspect of chemistry. This same idea applies for essentially any abstract idea in science.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50ab239 elementor-widget elementor-widget-text-editor\" data-id=\"50ab239\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"5cd7\" data-selectable-paragraph=\"\">So now we have convinced ourselves that visualizations are pretty useful for conveying information, and can also be used to explain complex ideas in a more interpretable manner.<\/p>\n<p id=\"d3af\" data-selectable-paragraph=\"\">What are some examples of good visualizations?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64759ec elementor-widget elementor-widget-text-editor\" data-id=\"64759ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"5d65\" data-selectable-paragraph=\"\">I currently live in Boston, so several of the following visualizations are related to the city of Boston. These are just some visualizations that I consider good, and, due to their subjective nature, you may disagree with me.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e15007 elementor-widget elementor-widget-text-editor\" data-id=\"0e15007\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"84ea\" data-selectable-paragraph=\"\">The below visualization captures not only the time taken to each stop from the city center in the form of concentric spheres but also follows the correct direction for each line. Looking at this diagram, it is pretty quick to work out which line to take, which direction it goes, and how long it will take to get there.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7af053 elementor-widget elementor-widget-image\" data-id=\"d7af053\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1990\/1*6PVSdStZbWaSPmZp4LUFQg.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ac1f0d elementor-widget elementor-widget-text-editor\" data-id=\"8ac1f0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"abe3\" data-selectable-paragraph=\"\">This second visualization shows the movement of individuals that are born in Massachusetts over the last century. We see that in 1940, 82% of the people born in Massachusetts were expected to live in Massachusetts. Now fast forward to the modern day, we see that this number has decreased to 64%, and we can get a reasonable idea of where these individuals have migrated.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a355b7 elementor-widget elementor-widget-image\" data-id=\"5a355b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1978\/1*62OH6blWdp9nLbOKjYgvng.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9539d14 elementor-widget elementor-widget-text-editor\" data-id=\"9539d14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"9eed\" data-selectable-paragraph=\"\">One of the most famous visualizations ever made was by Joseph Minard, and it depicts the journey of Napoleon as he marched towards Russia for his\u00a0<a href=\"https:\/\/en.wikipedia.org\/wiki\/French_invasion_of_Russia_(1812)\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Russian campaign of 1812<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bce132 elementor-widget elementor-widget-image\" data-id=\"6bce132\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1988\/1*90YW_oFE7D-C7DhJW_9LvQ.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d39e617 elementor-widget elementor-widget-text-editor\" data-id=\"d39e617\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"bf2d\" data-selectable-paragraph=\"\">The illustration depicts Napoleon\u2019s army departing the Polish-Russian border. A thick band illustrates the size of his army at specific geographic points during their advance and retreat. It displays six types of data in two dimensions: the number of Napoleon\u2019s troops; the distance traveled; temperature; latitude and longitude; the direction of travel; and location relative to specific dates without making mention of Napoleon. Minard\u2019s interest lay with the travails and sacrifices of the soldiers. This type of band graph for illustration of flows was later called a\u00a0<a href=\"https:\/\/en.wikipedia.org\/wiki\/Sankey_diagram\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Sankey diagram<\/a>.<\/p>\n<p id=\"7597\" data-selectable-paragraph=\"\">A trend that you might have noticed with all of the above visualizations is that they convey multiple types of data in a relatively simple fashion. Doing this is an intelligible way is not an easy task.<\/p>\n<p id=\"92fd\" data-selectable-paragraph=\"\">Now let us consider the transformation of a poor visualization into a visualization better suited for its purpose. This is easiest to do with subway maps so I will consider the subway map of London, and we will see why it was changed and how their new design has improved upon the original design.<\/p>\n<p id=\"b3dd\" data-selectable-paragraph=\"\">This was the original map of the London Underground that dates back to 1927. As you may have already noticed, the major problem with this diagram is that there is a large cluster of closely spaced underground stations due to their close proximity. This stems from the fact that the map is plotted based on the geographic locations of the stations. However, when going far out of the city, there are vast amounts of space left unused on the map.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d62a6a elementor-widget elementor-widget-image\" data-id=\"0d62a6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1992\/1*JGcyA64DWzbzjeSw6sAv7A.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52f2f77 elementor-widget elementor-widget-text-editor\" data-id=\"52f2f77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"2e26\" data-selectable-paragraph=\"\">In 1933, Harry Beck came up with a new design for the map of the London Underground. Beck decided that passengers on the underground were not concerned with geographical accuracy and were most interested in how to get from one station to another and where to change trains. He took inspiration from electrical diagrams and decided to show each of the lines in an individual color, and to show their connections to other lines as one would on an electrical diagram. The plot maintains the directional information for where each line goes, but the distance information is lost as it was deemed unnecessary by Beck.<\/p>\n<p id=\"e24c\" data-selectable-paragraph=\"\">As someone who used to live in London and used a modern version of this map to get around with relative ease, I can vouch for its brilliance.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26d3294 elementor-widget elementor-widget-image\" data-id=\"26d3294\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1992\/1*mVKai9a5YWCoqVxBCNTYFw.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01e0bd9 elementor-widget elementor-widget-text-editor\" data-id=\"01e0bd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"e4c3\" data-selectable-paragraph=\"\">We can see a very similar debate that occurred with the New York subway map. Which of these do you think is better?<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f80ac2 elementor-widget elementor-widget-image\" data-id=\"6f80ac2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1984\/1*yJEMTfC24dbwSobiO3GDAw.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88e6439 elementor-widget elementor-widget-text-editor\" data-id=\"88e6439\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"545a\" data-selectable-paragraph=\"\">Despite the fact we have looked at several subway maps, there is obviously not a clear-cut solution that can be applied to all situations. After all, it depends on what data is most relevant to the audience. Harry Beck decided that passengers did not care about distance or geographical information, only that they knew how to go from station A to station B and what connections to make. Maybe this idea would not work for New Yorkers because they are more concerned with knowing the distance and geographic location than Londoners.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24bb5c5 elementor-widget elementor-widget-heading\" data-id=\"24bb5c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><h1 id=\"8d8f\" data-selectable-paragraph=\"\"><strong>Anscombe\u2019s Quartet<\/strong><\/h1><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79037fa elementor-widget elementor-widget-text-editor\" data-id=\"79037fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"86d2\" data-selectable-paragraph=\"\">Numbers can be incredibly misleading, as was demonstrated by Gertrude Anscombe in the form of the now famously known<strong>\u00a0Anscombe\u2019s Quartet.\u00a0<\/strong>The quartet is a set of four data samples that have exactly the same mean, variance, correlation, and linear regression line.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df90ca8 elementor-widget elementor-widget-image\" data-id=\"df90ca8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/2402\/1*sYw97HmHSDXh43ZtM8AoZg.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-181f252 elementor-widget elementor-widget-text-editor\" data-id=\"181f252\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\" data-selectable-paragraph=\"\">Anscombe\u2019s Quartet in tabular form (Anscombe, 1973).<\/p>\n<p id=\"468e\" data-selectable-paragraph=\"\">However, it is clear from a visual representation of the results that the distributions of the four sets of data are completely different.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a80436 elementor-widget elementor-widget-image\" data-id=\"9a80436\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1780\/1*B_uKaGOxzEnK06N-5SdYIA.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-631241f elementor-widget elementor-widget-text-editor\" data-id=\"631241f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\" data-selectable-paragraph=\"\">Anscombe\u2019s Quartet in visual form (Anscombe, 1973).<\/p>\n<p id=\"1d9b\" data-selectable-paragraph=\"\">To reinforce this point I have developed six of my own data plots, all of which have the same mean, variance, correlation, and linear regression line. As you can see below, these are, again, completely different.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17f2a2e elementor-widget elementor-widget-image\" data-id=\"17f2a2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/2722\/1*1DGtvlK2lrktjnK-U00sog.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a9389e elementor-widget elementor-widget-text-editor\" data-id=\"6a9389e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"451b\" data-selectable-paragraph=\"\">This idea that visualizations can be used in place of quantitative metrics to make the structure of the data clearer and more meaningful leads us to naturally into the realm of misleading visualizations. Just as numbers can be used to mislead us about the structure of our data, as we have seen from Anscombe\u2019s Quartet, it also works the other way around, visualizations can be cleverly made to distort the underlying structure in the data. As we shall see, this is a very common occurrence, especially in areas that are prone to discourse such as politics and scientific debates.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1dca556 elementor-widget elementor-widget-heading\" data-id=\"1dca556\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><h1 id=\"ab0f\" data-selectable-paragraph=\"\"><strong>Misleading Visualizations<\/strong><\/h1><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a52b03 elementor-widget elementor-widget-text-editor\" data-id=\"6a52b03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"a0e4\" data-selectable-paragraph=\"\">There are numerous examples of people using statistics to mislead individuals. Indeed, this is an extremely common tactic used in politics. Possibly one of the most famous examples of this was related to tax cuts proposed by President George Bush, in which a 5% increase was made to look much larger by distorting the axis of a bar chart.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6a57b6 elementor-widget elementor-widget-image\" data-id=\"c6a57b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/644\/0*sKdbHN0W6eK0V4C9.jpg\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9887239 elementor-widget elementor-widget-text-editor\" data-id=\"9887239\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\" data-selectable-paragraph=\"\">(Left) The visualization shown to viewers, and (right) a less deceptive visualization.<\/p>\n<p id=\"b511\" data-selectable-paragraph=\"\">These deceptive tactics often involve distortion of the measurement axes, as in the above example. Here is another example of axis distortion related to job losses (ironically, also related to U.S. politics).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae628a7 elementor-widget elementor-widget-image\" data-id=\"ae628a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1856\/1*_nNuUwaj_A4ToSwpmBCcIg.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8b1419 elementor-widget elementor-widget-text-editor\" data-id=\"f8b1419\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"a7ea\" data-selectable-paragraph=\"\">In reality, the plot should look like this.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b117ee elementor-widget elementor-widget-image\" data-id=\"5b117ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1836\/1*bZF2QPbw56Gm_O3XLUwWYQ.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f534459 elementor-widget elementor-widget-text-editor\" data-id=\"f534459\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"3e46\" data-selectable-paragraph=\"\">Another way that people are deceived through the use of visualizations is through the omission of data.<\/p>\n<p id=\"31db\" data-selectable-paragraph=\"\">I, myself, am an environmental scientist, so I am only too aware of the deception people can espouse with carefully crafted visualizations. Here is a prime example of one showing that global warming is a myth (which, just to clarify, it is not, and this idea has not been contested by environmental scientists since the 1990s).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3676828 elementor-widget elementor-widget-image\" data-id=\"3676828\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1502\/1*kcuudB15zRSoaDKLC29zcQ.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81987da elementor-widget elementor-widget-text-editor\" data-id=\"81987da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"77b2\" data-selectable-paragraph=\"\">A less deceptive diagram is shown below.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba85af6 elementor-widget elementor-widget-image\" data-id=\"ba85af6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1502\/1*yW8MLGSCIwcZzLzWY7qOOA.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-730f52c elementor-widget elementor-widget-text-editor\" data-id=\"730f52c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"b29b\" data-selectable-paragraph=\"\">As of now we just discussed visualizations that are actively designed to deceive us. How about when it is done accidentally?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97ceb5b elementor-widget elementor-widget-heading\" data-id=\"97ceb5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"160f\" data-selectable-paragraph=\"\">Beware of Rainbows<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3fc32b elementor-widget elementor-widget-image\" data-id=\"a3fc32b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1804\/1*kiweai3xGITldW-TCfm-YQ.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90cc8f9 elementor-widget elementor-widget-text-editor\" data-id=\"90cc8f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"965d\" data-selectable-paragraph=\"\">Rainbow color maps are probably the most annoying visualization I come across on a daily basis. As an environmental scientist, I see these pretty much everywhere. Not only are these bad to use because colorblind people (such as myself) can have issues differentiating many of the colors, but assigning a color to a quantitative value is nonsensical.<\/p>\n<p id=\"655b\" data-selectable-paragraph=\"\">The rainbow colormap is perceptually non-linear. Who decided that blue represents a quantitatively lower value than yellow or red? When do the transitions occur and how sudden are they?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6c1a9f elementor-widget elementor-widget-image\" data-id=\"a6c1a9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1740\/1*t3kMoQT0hjKXapPUE-EJ1A.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ec11f1 elementor-widget elementor-widget-text-editor\" data-id=\"0ec11f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\" data-selectable-paragraph=\"\">Rainbow color maps.<\/p>\n<p id=\"5cbc\" data-selectable-paragraph=\"\">The best way to tackle this is to stick to just two colors and use a linear change in color to represent quantitative values. In this sense, the plot can be colored but the quantitative nature of the plot is described by the brightness of the color, with darker regions typically indicating higher values. This idea is illustrated below.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-914fa74 elementor-widget elementor-widget-image\" data-id=\"914fa74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1426\/1*U1yIiR8cb5N_UbxDuEpYqw.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10d93f9 elementor-widget elementor-widget-text-editor\" data-id=\"10d93f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"7ec6\" data-selectable-paragraph=\"\">This essentially makes them the same as a heat plot or a choropleth map like the one below.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e901c0f elementor-widget elementor-widget-image\" data-id=\"e901c0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1718\/1*96F4sQl3IXOtQ6rGj3S7aQ.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-2d4d543 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2d4d543\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f19e241\" data-id=\"f19e241\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ecc0356 elementor-widget elementor-widget-text-editor\" data-id=\"ecc0356\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\" data-selectable-paragraph=\"\"><a href=\"https:\/\/smokymountains.com\/fall-foliage-map\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Smoky Mountains<\/a><\/p>\n<p id=\"4962\" data-selectable-paragraph=\"\">A nice example of this is shown for U.S. votes following the 2016 presidential election.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec6c2bf elementor-widget elementor-widget-image\" data-id=\"ec6c2bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/2562\/1*nsY1OSUHpHcJEVkCYoxDlg.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e67c38a elementor-widget elementor-widget-heading\" data-id=\"e67c38a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"22b2\" data-selectable-paragraph=\"\">Color Blindness<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f03c1df elementor-widget elementor-widget-text-editor\" data-id=\"f03c1df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"d1fe\" data-selectable-paragraph=\"\">It is always good to keep in mind the fact that a reasonable amount of people are colorblind and to avoid using color combinations that can be problematic for these individuals. Take the following visualization as an example.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2605fbe elementor-widget elementor-widget-image\" data-id=\"2605fbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1800\/1*TUo_uvZQjk3sLHQwNvYXTA.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad4ac8f elementor-widget elementor-widget-text-editor\" data-id=\"ad4ac8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\" data-selectable-paragraph=\"\"><a href=\"http:\/\/www.catalogtree.net\/projects\/the_fortune_500_cosmos?t=fortune_500\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Catalogtree<\/a><\/p>\n<p id=\"20e1\" data-selectable-paragraph=\"\">The colors used in this diagram are a terrible combination for someone who is suffering from red-green color blindness (can be deuteranopia or protanopia). It is best to be mindful of at least using combinations of red and green since this type of color blindness is the most prevalent.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1efbc40 elementor-widget elementor-widget-image\" data-id=\"1efbc40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1750\/1*Vk1fKuLhlbyWmGlbstfRLw.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cba6176 elementor-widget elementor-widget-text-editor\" data-id=\"cba6176\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"9a92\" data-selectable-paragraph=\"\">If you are interested in learning more about color blindness, there is a nifty website for simulating color blindness.\u00a0<a href=\"http:\/\/www.color-blindness.com\/coblis-color-blindness-simulator\/?source=post_page-----1995d56e4208----------------------\" rel=\"noopener nofollow\">Coblis &#8211; Color Blindness Simulator<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-238c639 elementor-widget elementor-widget-text-editor\" data-id=\"238c639\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<section><a href=\"http:\/\/www.color-blindness.com\/coblis-color-blindness-simulator\/?source=post_page-----1995d56e4208----------------------\" rel=\"noopener nofollow\">If you are not suffering from a color vision deficiency it is very hard to imagine how it looks like to be colorblind\u2026www.color-blindness.com<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed06f06 elementor-widget elementor-widget-heading\" data-id=\"ed06f06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"dc89\" data-selectable-paragraph=\"\">Edge Bundling<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b252c4 elementor-widget elementor-widget-text-editor\" data-id=\"4b252c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"ca84\" data-selectable-paragraph=\"\">The idea behind edge bundling is essentially wrapping an elastic band around all of the paths that follow the same route from one node to another node. This is used on network diagrams and has the advantage of making the visualization look less a cluttered hairball, and is more inherently pleasing as we can see below.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3008312 elementor-widget elementor-widget-text-editor\" data-id=\"3008312\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"74e5\" data-selectable-paragraph=\"\">The downsides to this method are that you cannot follow the exact links or paths after bundling, which mean that our visualization does not reflect the underlying data (we forfeit some graphical integrity).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b50c80 elementor-widget elementor-widget-image\" data-id=\"2b50c80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/2660\/1*rTn4qxFRJsQ8R-W9vhLRig.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0658a6 elementor-widget elementor-widget-heading\" data-id=\"a0658a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><h1 id=\"923c\" data-selectable-paragraph=\"\">Overview of the Visualization Process<\/h1><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0261e43 elementor-widget elementor-widget-text-editor\" data-id=\"0261e43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"69e9\" data-selectable-paragraph=\"\">Now that we have looked at a bunch of visualizations and understand the difference between a good and bad visualization, it is a good time to discuss what actually makes a good visualization.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed3595f elementor-widget elementor-widget-heading\" data-id=\"ed3595f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"5e7c\" data-selectable-paragraph=\"\">Visualization Goals<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7c6bb6 elementor-widget elementor-widget-text-editor\" data-id=\"b7c6bb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"e2b4\" data-selectable-paragraph=\"\">Essentially, there are three goals to visualization:<\/p>\n\n<ul>\n \t<li id=\"bcd5\" data-selectable-paragraph=\"\"><strong>Data Exploration<\/strong>\u00a0\u2014 find the unknown<\/li>\n \t<li id=\"a9d2\" data-selectable-paragraph=\"\"><strong>Data Analysis\u00a0<\/strong>\u2014 check hypotheses<\/li>\n \t<li id=\"c4e9\" data-selectable-paragraph=\"\"><strong>Presentation\u00a0<\/strong>\u2014 communicate and disseminate<\/li>\n<\/ul>\n<p id=\"2a45\" data-selectable-paragraph=\"\">That is essentially it. However, these terms are pretty vague, and it is thus quite easy to understand why it is so difficult for individuals to master the art of communicating through visualizations. It is, therefore, useful to have a model to follow to help us meet these goals.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23a6b4f elementor-widget elementor-widget-heading\" data-id=\"23a6b4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"2488\" data-selectable-paragraph=\"\">The Five-Step Model<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46dcf1a elementor-widget elementor-widget-text-editor\" data-id=\"46dcf1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"19e2\" data-selectable-paragraph=\"\">Visualization is often described as the following five-step model, a process which follows a fairly logical progression.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-572ed27 elementor-widget elementor-widget-image\" data-id=\"572ed27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/2600\/1*BvDJkmjYUm7DiZlAei3U7g.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-337bb00 elementor-widget elementor-widget-text-editor\" data-id=\"337bb00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"71b1\" data-selectable-paragraph=\"\">Firstly, one is required to isolate a specific target or question that is to be the subject of evaluation.<\/p>\n<p id=\"720d\" data-selectable-paragraph=\"\">This is followed by data wrangling, which is 90% of what data scientists do when they are working with data. This procedure involves getting the data into a workable format, performing exploratory data analysis to understand their data set, which may involve various ways of summarizing or plotting the data.<\/p>\n<p id=\"6360\" data-selectable-paragraph=\"\">The third stage is the design stage, which involves the development of a story that you want to tell with the data. This is closely linked back to the target we defined. What is the message we are trying to communicate? This will also likely depend on who your audience is, as well as the level of objectivity of the analysis \u2014 for example, a political opponent is likely to want to send an exaggerated message of data in order to make their opponent look bad.<\/p>\n<p id=\"2a6a\" data-selectable-paragraph=\"\">The fourth step involves the implementation of the visualization, such as via programming of interactive web-based visualizations using\u00a0<a href=\"http:\/\/d3js.org\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">D3<\/a>. This is the part of the process that involves some coding, whereas the design stage involves thinking, drawing, ideation, and so on.<\/p>\n<p id=\"a0f0\" data-selectable-paragraph=\"\">The fifth stage is essentially a review stage, you look at your implementation and decide whether it sends the message that you want to communicate, or answers the question you set out to answer.<\/p>\n<p id=\"a3b8\" data-selectable-paragraph=\"\">In reality, this is a non-linear process, although it is often presented as one. Here is a somewhat more realistic form of this model.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67b732d elementor-widget elementor-widget-image\" data-id=\"67b732d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/2600\/1*VivlplPOAwcaPU6I72uXuA.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8340b63 elementor-widget elementor-widget-text-editor\" data-id=\"8340b63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"a6e3\" data-selectable-paragraph=\"\">It seems simple right? Well, there are actually a lot of ways that you can screw this up, and often without realizing. Here are the three most common issues:<\/p>\n<p id=\"b0af\" data-selectable-paragraph=\"\"><strong>Domain situation \u2014\u00a0<\/strong>Did you correctly understand the users\u2019 needs? Perhaps the wrong problem is being addressed. This is a problem associated with the target phase.<\/p>\n<p id=\"92a7\" data-selectable-paragraph=\"\"><strong>Data\/task abstraction \u2014\u00a0<\/strong>Are you showing them the right thing? Perhaps the wrong abstraction is being used. This is also a problem associated with the target phase.<\/p>\n<p id=\"eaf9\" data-selectable-paragraph=\"\"><strong>Visual encoding\/interaction \u2014\u00a0<\/strong>Does the way you are showing the data work? Perhaps the wrong idiom or encoding is being used. This is a problem associated with the design phase.<\/p>\n<p id=\"d1b0\" data-selectable-paragraph=\"\"><strong>Algorithm \u2014\u00a0<\/strong>Does your code break? Is your code too slow? Is it scalable? This is a problem with the implementation phase. Perhaps the wrong algorithm is being used.<\/p>\n<p id=\"b57c\" data-selectable-paragraph=\"\">It might be obvious to address the fact that your code is breaking, but how do you assess the more subjective problems we just addressed, such as the domain situation or the visual encoding used? We can lean towards evaluation metrics.<\/p>\n<p id=\"c4ae\" data-selectable-paragraph=\"\">We can rely on qualitative and quantitative metrics. Qualitative metrics are often the most useful for visualizations since visualizations are developed for communicating information to people, some examples of metrics to use are:<\/p>\n\n<ul>\n \t<li id=\"e036\" data-selectable-paragraph=\"\">Observational Studies (\u201cThink Aloud\u201d)<\/li>\n \t<li id=\"05e9\" data-selectable-paragraph=\"\">Expert Interviews (aka Design Critiques)<\/li>\n \t<li id=\"5f26\" data-selectable-paragraph=\"\">Focus Groups<\/li>\n<\/ul>\n<p id=\"1479\" data-selectable-paragraph=\"\">The idea of these qualitative procedures is that individuals should be able to see the visualization and understand the message you are trying to convey without any additional information. These types of studies and metrics are commonly used in areas such as marketing and web design because they provide insight into how individuals will interpret and respond to their ideas or designs.<\/p>\n\n<\/section>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4297ee7 elementor-widget elementor-widget-heading\" data-id=\"4297ee7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><h1 id=\"671b\" data-selectable-paragraph=\"\"><strong>Rules of Thumb<\/strong><\/h1><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d6631b elementor-widget elementor-widget-text-editor\" data-id=\"8d6631b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"a7e1\" data-selectable-paragraph=\"\">Edward Tufte is a pioneer in the field of developing effective visualizations and has written multiple books on the topic (I will reference these at the end of the article).<\/p>\n<p id=\"4a3e\" data-selectable-paragraph=\"\">Here are three of his rules for effective visualization:<\/p>\n\n<ul>\n \t<li id=\"2d79\" data-selectable-paragraph=\"\">Graphical integrity<\/li>\n \t<li id=\"4294\" data-selectable-paragraph=\"\">Maximize data-ink ratio<\/li>\n \t<li id=\"1bc9\" data-selectable-paragraph=\"\">Avoid chart junk<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2dabb7c elementor-widget elementor-widget-heading\" data-id=\"2dabb7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"37d4\" data-selectable-paragraph=\"\">Graphical Integrity<\/h2>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2deb731 elementor-widget elementor-widget-text-editor\" data-id=\"2deb731\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"19f5\" data-selectable-paragraph=\"\">We have already discussed this to somewhat extend when discussing misleading visualizations. In general, it is bad practice, and somewhat harmful to society, to try to mislead individuals with statistics.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d74bd3 elementor-widget elementor-widget-image\" data-id=\"9d74bd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1724\/1*X_2Vy3b3rFqhqMkh1cySMQ.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f820754 elementor-widget elementor-widget-heading\" data-id=\"f820754\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"39df\" data-selectable-paragraph=\"\">Maximize Data-Ink Ratio<\/h2>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c85fbf elementor-widget elementor-widget-text-editor\" data-id=\"6c85fbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"0c1f\" data-selectable-paragraph=\"\">This rule of thumb is about clarity and minimalism. In general, 3D plots tend to be less clear and can be misleading in some cases. Examine the differences between the two charts below and decide which you think is better.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fa1fa9 elementor-widget elementor-widget-image\" data-id=\"9fa1fa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1706\/1*ZyQCZoPPGGNaXsxB5-Q-ig.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9e3681 elementor-widget elementor-widget-heading\" data-id=\"d9e3681\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"05d7\" data-selectable-paragraph=\"\">Avoid Chart Junk<\/h2>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fd725b elementor-widget elementor-widget-text-editor\" data-id=\"4fd725b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"d1fb\" data-selectable-paragraph=\"\">Extraneous visual elements distract people from the message being conveyed.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16ead50 elementor-widget elementor-widget-image\" data-id=\"16ead50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1706\/1*DAIVUD96fUv5t_Jh5D4jVQ.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74092ee elementor-widget elementor-widget-heading\" data-id=\"74092ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><h1 id=\"9496\" data-selectable-paragraph=\"\"><strong>Interactive Visualizations<\/strong><\/h1><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67b60ac elementor-widget elementor-widget-text-editor\" data-id=\"67b60ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"e279\" data-selectable-paragraph=\"\">This topic can get incredibly complicated so I will leave the discussion for developing visualizations for future articles. Unfortunately, D3 visualizations cannot be run through Medium so you will have the visit the links to see the visualizations in action.<\/p>\n<p id=\"1f52\" data-selectable-paragraph=\"\">Here are a few of my favorite visualizations to whet the reader\u2019s appetite.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-898dfcc elementor-widget elementor-widget-heading\" data-id=\"898dfcc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"2100\" data-selectable-paragraph=\"\">Places in the Game of Thrones<\/h2>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7746321 elementor-widget elementor-widget-image\" data-id=\"7746321\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1904\/1*lC5DSNCcVO1Mf7Udlhxd4Q.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70e23ef elementor-widget elementor-widget-text-editor\" data-id=\"70e23ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\" data-selectable-paragraph=\"\">Location names discussed in the Game of Thrones saga.\u00a0<a href=\"http:\/\/www.jeromecukier.net\/projects\/agot\/places.html\" target=\"_blank\" rel=\"noopener nofollow noreferrer\" class=\"broken_link\">Source<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2680abd elementor-widget elementor-widget-heading\" data-id=\"2680abd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"2e91\" data-selectable-paragraph=\"\"><strong>Gun Deaths in the U.S.<\/strong><\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-978cfbc elementor-widget elementor-widget-image\" data-id=\"978cfbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/2006\/1*h2NJXD7Bg02nWRE79_Bjnw.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2365086 elementor-widget elementor-widget-text-editor\" data-id=\"2365086\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\" data-selectable-paragraph=\"\">Gun deaths in the United States.\u00a0<a href=\"https:\/\/guns.periscopic.com\/?year=2013\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Source<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4602e7c elementor-widget elementor-widget-heading\" data-id=\"4602e7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"95b9\" data-selectable-paragraph=\"\"><strong>Road Safety in the U.K.<\/strong><\/h2>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff4f013 elementor-widget elementor-widget-text-editor\" data-id=\"ff4f013\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"463f\" data-selectable-paragraph=\"\">This visualization is built on deck.gl and incredibly fun to play around with \u2014 there are multiple other interactive visualizations on this website that I recommend checking out.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa56be8 elementor-widget elementor-widget-image\" data-id=\"fa56be8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/3340\/1*2mG_70CXWfrc2IMgyvGUuw.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1a2f31 elementor-widget elementor-widget-text-editor\" data-id=\"d1a2f31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\" data-selectable-paragraph=\"\">Road Safety in the U.K.\u00a0<a href=\"https:\/\/deck.gl\/#\/examples\/core-layers\/hexagon-layer\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Source<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2062ec0 elementor-widget elementor-widget-heading\" data-id=\"2062ec0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"e395\" data-selectable-paragraph=\"\">Roads to State Capitals<\/h2>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88cd90f elementor-widget elementor-widget-text-editor\" data-id=\"88cd90f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"e5ea\" data-selectable-paragraph=\"\">This visualization is an interactive and color-coded map of the United States and all of the roads that lead to the capitals of each state.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57131b8 elementor-widget elementor-widget-image\" data-id=\"57131b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/2912\/1*PZX0Zxa_uwCrAgu5l-44Tw.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-547a511 elementor-widget elementor-widget-text-editor\" data-id=\"547a511\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\" data-selectable-paragraph=\"\"><a href=\"http:\/\/roadstorome.moovellab.com\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\" class=\"broken_link\">Moovellab<\/a><\/p>\n<p id=\"acf2\" data-selectable-paragraph=\"\">A similar visualization is also available from the same website showing the roads to Rome.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57b082b elementor-widget elementor-widget-heading\" data-id=\"57b082b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"adf1\" data-selectable-paragraph=\"\">United States Trade Deficit<\/h2>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0fc690d elementor-widget elementor-widget-text-editor\" data-id=\"0fc690d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"237f\" data-selectable-paragraph=\"\">This is a beautiful visualization that visualizes the trade deficit of the United States from 2001 to 2013.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-852186b elementor-widget elementor-widget-image\" data-id=\"852186b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1686\/1*-qN5-x_i5a8kPpJWm8iTNA.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0a6330 elementor-widget elementor-widget-heading\" data-id=\"b0a6330\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"11ce\" data-selectable-paragraph=\"\">Linked Jazz Network Graph<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f55aeb1 elementor-widget elementor-widget-text-editor\" data-id=\"f55aeb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"02a9\" data-selectable-paragraph=\"\">This interactive graph shows some of the famous names in jazz and how they influenced other artists.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-378a14e elementor-widget elementor-widget-image\" data-id=\"378a14e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/3360\/1*mNaGaQhKaQPnI5ZKOVzZoQ.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb6ea59 elementor-widget elementor-widget-text-editor\" data-id=\"cb6ea59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\" data-selectable-paragraph=\"\"><a href=\"http:\/\/linkedjazz.org\/network\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Jazz network graph<\/a>.<\/p>\n<p id=\"3eaa\" data-selectable-paragraph=\"\">For more visualizations, check out the d3 gallery on GitHub.\u00a0<a href=\"https:\/\/github.com\/d3\/d3\/wiki\/Gallery?source=post_page-----1995d56e4208----------------------\" rel=\"noopener nofollow\">d3\/d3<\/a>\u00a0<a href=\"https:\/\/github.com\/d3\/d3\/wiki\/Gallery?source=post_page-----1995d56e4208----------------------\" rel=\"noopener nofollow\">Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: &#8211; d3\/d3<\/a>\u00a0<a href=\"https:\/\/github.com\/d3\/d3\/wiki\/Gallery?source=post_page-----1995d56e4208----------------------\" rel=\"noopener nofollow\">github.com<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0e6511 elementor-widget elementor-widget-heading\" data-id=\"b0e6511\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><h1 id=\"bf24\" data-selectable-paragraph=\"\">Final Comments<\/h1><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ac6c24 elementor-widget elementor-widget-text-editor\" data-id=\"5ac6c24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"25a3\" data-selectable-paragraph=\"\">For those of you who are interested in seeing more visualizations, I have multiple references below to books and websites that may be of interest to you if you are serious about developing your visualization skills, be they in the form of visual thinking or in developing interactive visualizations using D3.<\/p>\n<p id=\"315b\" data-selectable-paragraph=\"\">As a way to reward you for sticking through this article, here is the visualization that was selected as the winner of the \u201cInformation is Beautiful Award 2018\u201d. This visualization renames subway stations in London after the Instagram hashtag that is most often associated with that location.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-917fa52 elementor-widget elementor-widget-image\" data-id=\"917fa52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/miro.medium.com\/max\/1090\/0*Yam94mEWpsCyzh2z\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d8e671 elementor-widget elementor-widget-text-editor\" data-id=\"2d8e671\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"1867\" data-selectable-paragraph=\"\">I leave you with a link to a fun website that has some fascinating and funny examples of poor visualizations. Some of the visualizations used in this article were obtained from this website.\u00a0<a href=\"https:\/\/viz.wtf\/?source=post_page-----1995d56e4208----------------------\" rel=\"noopener nofollow\">WTF Visualizations<\/a>\u00a0<a href=\"https:\/\/viz.wtf\/?source=post_page-----1995d56e4208----------------------\" rel=\"noopener nofollow\">Visualizations that make no sense. For a discussion of what is wrong with a particular visualization, tweet at us\u2026viz.wtf<\/a><\/p>\n<p id=\"9836\" data-selectable-paragraph=\"\">Thank you for reading!<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6779249 elementor-widget elementor-widget-heading\" data-id=\"6779249\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><section>\n<h1 id=\"46dc\" data-selectable-paragraph=\"\"><strong>Further Reading<\/strong><\/h1><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-859e61e elementor-widget elementor-widget-text-editor\" data-id=\"859e61e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"c58d\" data-selectable-paragraph=\"\">This section contains a list of useful resources that focus on the creation of data visualizations.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69c1c91 elementor-widget elementor-widget-heading\" data-id=\"69c1c91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"19ca\" data-selectable-paragraph=\"\">Books<\/h2>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88e132c elementor-widget elementor-widget-text-editor\" data-id=\"88e132c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"c529\" data-selectable-paragraph=\"\">[1]\u00a0<a href=\"http:\/\/www.amazon.com\/Visual-Thinking-Kaufmann-Interactive-Technologies\/dp\/0123708966\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Visual Thinking for Design<\/a>, Colin Ware, Morgan Kaufman (2008)<\/p>\n<p id=\"f63c\" data-selectable-paragraph=\"\">[2]\u00a0<a href=\"http:\/\/shop.oreilly.com\/product\/0636920037316.do\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Interactive Data Visualization for the Web<\/a>, Scott Murray, O\u2019Reilly (2017)<\/p>\n<p id=\"5264\" data-selectable-paragraph=\"\">[3]\u00a0<a href=\"http:\/\/www.amazon.com\/Visualization-Analysis-Design-Peters-Series\/dp\/1466508914\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Visualization Analysis and Design<\/a>, Tamara Munzner, CRC Press (2014)<\/p>\n<p id=\"d930\" data-selectable-paragraph=\"\">[4]\u00a0<a href=\"http:\/\/www.amazon.com\/The-Functional-Art-introduction-visualization\/dp\/0321834739\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">The Functional Art: An introduction to information graphics and visualization<\/a>, Alberto Cairo, New Riders (2012)<\/p>\n<p id=\"a67e\" data-selectable-paragraph=\"\">[5]\u00a0<a href=\"http:\/\/www.amazon.com\/Design-Information-Isabel-Meirelles\/dp\/1592538061\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Design for Information<\/a>, Isabel Meirelles, Rockport (2013)<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4906275 elementor-widget elementor-widget-heading\" data-id=\"4906275\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"eb47\" data-selectable-paragraph=\"\"><strong>Edward Tufte<\/strong><\/h2>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bd82f9 elementor-widget elementor-widget-text-editor\" data-id=\"0bd82f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"c998\" data-selectable-paragraph=\"\">[1]\u00a0<a href=\"https:\/\/www.edwardtufte.com\/tufte\/books_vdqi\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">The Visual Display of Quantitative Information<\/a>.<\/p>\n<p id=\"195b\" data-selectable-paragraph=\"\">[2]\u00a0<a href=\"https:\/\/www.edwardtufte.com\/tufte\/books_ei\" target=\"_blank\" rel=\"noopener nofollow noreferrer\" class=\"broken_link\">Envisioning Information<\/a>.<\/p>\n<p id=\"489e\" data-selectable-paragraph=\"\">[3]\u00a0<a href=\"https:\/\/www.edwardtufte.com\/tufte\/books_visex\" target=\"_blank\" rel=\"noopener nofollow noreferrer\" class=\"broken_link\">Visual Explanations<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d8df0f elementor-widget elementor-widget-heading\" data-id=\"3d8df0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"3f83\" data-selectable-paragraph=\"\">D3<\/h2>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64cb86e elementor-widget elementor-widget-text-editor\" data-id=\"64cb86e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"285c\" data-selectable-paragraph=\"\">D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.<\/p>\n<p id=\"76ad\" data-selectable-paragraph=\"\">[1]\u00a0<a href=\"http:\/\/d3js.org\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Official D3 Site<\/a>\n[2]\u00a0<a href=\"https:\/\/github.com\/d3\/d3\/blob\/master\/API.md\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Official D3 API reference (version 4)<\/a>\n[3]\u00a0<a href=\"https:\/\/github.com\/d3\/d3-3.x-api-reference\/blob\/master\/API-Reference.md\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Official D3 API reference (version 3.x)<\/a>\n[4]\u00a0<a href=\"http:\/\/alignedleft.com\/tutorials\/d3\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">D3 Tutorial by Scott Murray (D3 version 3)<\/a>\n[5]\u00a0<a href=\"http:\/\/www.jeromecukier.net\/wp-content\/uploads\/2012\/10\/d3-cheat-sheet.pdf\" target=\"_blank\" rel=\"noopener nofollow noreferrer\" class=\"broken_link\">Jerome Cukier\u2019s D3 Cheat Sheet<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3598a7a elementor-widget elementor-widget-heading\" data-id=\"3598a7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h1 id=\"79e3\" data-selectable-paragraph=\"\">Web Development<\/h1>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28150c1 elementor-widget elementor-widget-text-editor\" data-id=\"28150c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"b24b\" data-selectable-paragraph=\"\">[1]\u00a0<a href=\"https:\/\/www.jetbrains.com\/webstorm\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">WebStorm by JetBrains<\/a>\u00a0\u2014 Smart JavaScript IDE (<a href=\"https:\/\/www.jetbrains.com\/student\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">free for students<\/a>).\n[2]\u00a0<a href=\"http:\/\/eloquentjavascript.net\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Eloquent Javascript Book<\/a>\n[3]\u00a0<a href=\"http:\/\/devdocs.io\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">DevDocs<\/a>,\u00a0<a href=\"https:\/\/developer.mozilla.org\/en-US\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Mozilla Developer Network<\/a>\u00a0\u2014 Unified documentations on major web technologies.\n[4]\u00a0<a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Github (Git repository hosting service)<\/a>\u00a0\u2014 Version control system for software development. (<a href=\"https:\/\/education.github.com\/pack\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">free private repositories for students<\/a>)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3546985 elementor-widget elementor-widget-heading\" data-id=\"3546985\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"495a\" data-selectable-paragraph=\"\">Tableau<\/h2>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68b843d elementor-widget elementor-widget-text-editor\" data-id=\"68b843d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"26c0\" data-selectable-paragraph=\"\"><a href=\"http:\/\/tableau.com\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\" class=\"broken_link\">Tableau Software<\/a>\u00a0is a tool that lets you create interactive data visualizations. (<a href=\"http:\/\/www.tableau.com\/academic\/students\" target=\"_blank\" rel=\"noopener nofollow noreferrer\" class=\"broken_link\">free for students<\/a>)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9eb9f58 elementor-widget elementor-widget-heading\" data-id=\"9eb9f58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"bcfe\" data-selectable-paragraph=\"\">Data Sources<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24e949a elementor-widget elementor-widget-text-editor\" data-id=\"24e949a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"1a91\" data-selectable-paragraph=\"\"><a href=\"http:\/\/www.data.gov\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Data.gov<\/a>\n<a href=\"http:\/\/www.census.gov\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Census.gov<\/a>\n<a href=\"http:\/\/thedata.org\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\" class=\"broken_link\">Dataverse Network<\/a>\n<a href=\"http:\/\/www.realclimate.org\/index.php\/data-sources\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Climate Data Sources<\/a>\n<a href=\"http:\/\/www.metoffice.gov.uk\/climatechange\/science\/monitoring\/subsets.html\" target=\"_blank\" rel=\"noopener nofollow noreferrer\" class=\"broken_link\">Climate Station Records<\/a>\n<a href=\"http:\/\/www.cdc.gov\/nchs\/data_access\/data_tools.htm\" target=\"_blank\" rel=\"noopener nofollow noreferrer\" class=\"broken_link\">CDC Data (Disease Control and Prevention)<\/a>\n<a href=\"http:\/\/data.worldbank.org\/data-catalog\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">World Bank Catalog<\/a>\n<a href=\"http:\/\/www.d-maps.com\/index.php?lang=en\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Free SVG Maps<\/a>\n<a href=\"http:\/\/www.statistics.gov.uk\/default.asp\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">UK Office for National Statistics<\/a>\n<a href=\"http:\/\/www.statemaster.com\/index.php\" target=\"_blank\" rel=\"noopener nofollow noreferrer\" class=\"broken_link\">StateMaster<\/a>\n<a href=\"http:\/\/www.quandl.com\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\" class=\"broken_link\">Quandl<\/a><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-866dba7 elementor-widget elementor-widget-heading\" data-id=\"866dba7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"f561\" data-selectable-paragraph=\"\">Web Sites &amp; Blogs<\/h2>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4663e5c elementor-widget elementor-widget-text-editor\" data-id=\"4663e5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"8ba1\" data-selectable-paragraph=\"\"><a href=\"http:\/\/flowingdata.com\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Flowing Data<\/a>\n<a href=\"http:\/\/www.visualcomplexity.com\/vc\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Visual Complexity<\/a>\n<a href=\"http:\/\/www.guardian.co.uk\/news\/datablog\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Guardian DataBlog<\/a>\n<a href=\"http:\/\/www.nytimes.com\/section\/upshot\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">The Upshot<\/a><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa22f6d elementor-widget elementor-widget-heading\" data-id=\"aa22f6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 id=\"9b79\" data-selectable-paragraph=\"\">Other Software Toolkits<\/h2>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a068b40 elementor-widget elementor-widget-text-editor\" data-id=\"a068b40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p id=\"49c1\" data-selectable-paragraph=\"\"><a href=\"https:\/\/plot.ly\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Plot.ly<\/a>\n<a href=\"http:\/\/www.wolfram.com\/mathematica\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Wolfram Mathematica<\/a>\n<a href=\"https:\/\/github.com\/prefuse\/Prefuse\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Prefuse<\/a>\u00a0(Java)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The importance of visualization is a topic taught to almost every data scientist in an entry-level course at university but is mastered by very few individuals. This article focuses on the importance of visualization with data. The amount and complexity of information produced in science, engineering, business, and everyday human activity is increasing at staggering rates. Good visualizations not only present a visual interpretation of data, but do so by improving comprehension, communication, and decision making.<\/p>\n","protected":false},"author":682,"featured_media":3005,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[187],"tags":[95],"ppma_author":[3471],"class_list":["post-2124","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bigdata-cloud","tag-big-data-amp-technology"],"authors":[{"term_id":3471,"user_id":682,"is_guest":0,"slug":"matthew-stewart","display_name":"Matthew Stewart","avatar_url":"https:\/\/www.experfy.com\/blog\/wp-content\/uploads\/2020\/04\/medium_c57055f3-5301-4262-af65-4cc7d40cbf3d-150x150.jpg","user_url":"https:\/\/criticalfutureglobal.com\/","last_name":"Stewart","first_name":"Matthew","job_title":"","description":"Matthew Stewart is a Machine Learning consultant on AI for\u00a0<a href=\"https:\/\/www.criticalfutureglobal.com\/\" target=\"_blank\" rel=\"noopener\">Critical Future<\/a>, and machine learning engineer at Scalable Magic, an AI-based digital media startup. He is also a Graduate Teaching Assistant and a Ph.D. Candidate at Harvard University."}],"_links":{"self":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts\/2124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/users\/682"}],"replies":[{"embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/comments?post=2124"}],"version-history":[{"count":4,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts\/2124\/revisions"}],"predecessor-version":[{"id":35968,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts\/2124\/revisions\/35968"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/media\/3005"}],"wp:attachment":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/media?parent=2124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/categories?post=2124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/tags?post=2124"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/ppma_author?post=2124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}