{"id":12327,"date":"2020-11-27T16:13:40","date_gmt":"2020-11-27T15:13:40","guid":{"rendered":"https:\/\/www.codemotion.com\/magazine\/?p=12327"},"modified":"2022-07-08T15:38:58","modified_gmt":"2022-07-08T13:38:58","slug":"data-visualization-engagement-rules","status":"publish","type":"post","link":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/","title":{"rendered":"5 Rules of Engagement When it Comes to Data Visualization"},"content":{"rendered":"\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-b4273f3c      \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#number-1-whats-the-point\" class=\"uagb-toc-link__trigger\">Number 1: What\u2019s the point?<\/a><li class=\"uagb-toc__list\"><a href=\"#number-2-know-your-options\" class=\"uagb-toc-link__trigger\">Number 2: Know your options<\/a><li class=\"uagb-toc__list\"><a href=\"#number-3-understanding-your-data\" class=\"uagb-toc-link__trigger\">Number 3: Understanding your data<\/a><li class=\"uagb-toc__list\"><a href=\"#number-4-aesthetic-of-data-visualization\" class=\"uagb-toc-link__trigger\">Number 4: Aesthetic of data visualization<\/a><li class=\"uagb-toc__list\"><a href=\"#number-5-introduce-your-work-to-criticism\" class=\"uagb-toc-link__trigger\">Number 5: Introduce your work to criticism<\/a><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\r\n\r\n\r\n<p>So you\u2019ve been out, you\u2019ve conducted the <a class=\"ek-link\" href=\"https:\/\/www.codemotion.com\/magazine\/Glossary\/survey-methodology\/\">surveys<\/a>, you\u2019ve collected a giant pot of <span id=\"urn:enhancement-3bda0a8d\" class=\"textannotation disambiguated wl-thing\">data<\/span> that unequivocally demonstrates your position and now it\u2019s time to present. How do you do it? Well you could just dump the raw <span id=\"urn:enhancement-9b1dc8a4\" class=\"textannotation disambiguated wl-thing\">spreadsheet<\/span> at the desk of your manager or whoever it may be, declaring \u2018it\u2019s all there!\u2019, triumphantly. Or maybe organize a <a class=\"ek-link\" href=\"https:\/\/www.ringcentral.com\/online-meetings\/teleconference.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">teleconference<\/a> or <a class=\"ek-link\" href=\"https:\/\/www.ringcentral.com\/web-meeting.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">web meeting<\/a> where you rattle off <span id=\"urn:enhancement-c351d27f\" class=\"textannotation disambiguated wl-thing\">data<\/span> points hour after hour.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Of course, these are intentionally ludicrous suggestions. The key to communicating the meaning of <span id=\"urn:enhancement-cff9e470\" class=\"textannotation disambiguated wl-thing\">data<\/span> to those who need to <span id=\"urn:enhancement-a12336bf\" class=\"textannotation disambiguated wl-thing\">understand<\/span> it is to provide an effective, compelling, and easy-to-interpret <span id=\"urn:enhancement-8c0d553a\" class=\"textannotation disambiguated wl-thing\">visualization<\/span>. In the <a class=\"ek-link\" href=\"https:\/\/blog.pandadoc.com\/10-ways-to-foster-a-data-driven-culture-within-your-marketing-team\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">data-driven culture<\/a> in which we live, being able to <strong>communicate <span id=\"urn:enhancement-204b4d88\" class=\"textannotation disambiguated wl-thing\">data<\/span> interpretations<\/strong> in this way is an essential skill for any business person to have.<\/p>\r\n\r\n\r\n\r\n<p>Let\u2019s outline five basic <span id=\"urn:enhancement-5ae7ab46\" class=\"textannotation disambiguated wl-thing\">rules of engagement<\/span> for<span id=\"urn:local-annotation-440552\" class=\"textannotation disambiguated\"> <strong>data visualization<\/strong><\/span>.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-number-1-what-s-the-point\">Number 1: What\u2019s the point?<\/h2>\r\n\r\n\r\n\r\n<p>Don\u2019t worry you\u2019re not seeing signs of an existential episode, our first point indeed is &#8211; what is the point? You ought to determine <strong>what point you are attempting to make with your <span id=\"urn:enhancement-c73ec030\" class=\"textannotation disambiguated wl-thing\">data<\/span><\/strong> before you take the step to <span id=\"urn:enhancement-ae73adea\" class=\"textannotation disambiguated wl-thing\">visualize<\/span> it. Without this step things will get messy and confusing.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"341\" class=\"wp-image-12330\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image1-4.png\" alt=\"Data Visualization: What's the point?\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image1-4.png 450w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image1-4-300x227.png 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Consider the above infographic. What is the point? What <span id=\"urn:enhancement-546d36e1\" class=\"textannotation disambiguated wl-thing\">message<\/span> is the analyst who built this <span id=\"urn:enhancement-4aea99c6\" class=\"textannotation disambiguated wl-thing\">graph<\/span> trying to tell us? If there ever actually was one, it has been lost to the sea of potential interpretations an <span id=\"urn:enhancement-af85f2d9\" class=\"textannotation disambiguated wl-thing\">audience<\/span> member could impose onto it. It is necessary to minimize this risk of alternative interpretations of your <span id=\"urn:enhancement-9fe91954\" class=\"textannotation disambiguated wl-thing\">data<\/span> visual if you want to deliver a concise <span id=\"urn:enhancement-d2f8ee96\" class=\"textannotation disambiguated wl-thing\">message<\/span>.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Ask questions, get answers<\/h3>\r\n\r\n\r\n\r\n<p>A way to do this is to <strong>identify particular questions<\/strong> that your <span id=\"urn:enhancement-a12b36b6\" class=\"textannotation disambiguated wl-thing\">data<\/span> can provide an answer to. For example, imagine you have collected a large sample of <span id=\"urn:enhancement-7d5c5ff5\" class=\"textannotation disambiguated wl-thing\">data<\/span> regarding the varying success of a particular ad campaign across numerous <span id=\"urn:enhancement-ca8ce958\" class=\"textannotation disambiguated wl-thing\">media<\/span>. You now have the information necessary to assess the relative success of the various <span id=\"urn:enhancement-edd8b1f6\" class=\"textannotation disambiguated wl-thing\">media<\/span>. Now ask your questions.<\/p>\r\n\r\n\r\n\r\n<p>You can ask this <span id=\"urn:enhancement-9867ef42\" class=\"textannotation disambiguated wl-thing\">data<\/span>, which is the most successful advertising <span id=\"urn:enhancement-959b9b65\" class=\"textannotation disambiguated wl-thing\">medium<\/span> of all? Is it TV, <a class=\"ek-link\" href=\"https:\/\/www.codemotion.com\/magazine\/video\/making-social-media-accessible-what-developers-need-to-know\/\">social media<\/a>, <a class=\"ek-link\" href=\"https:\/\/www.bigcommerce.com\/blog\/enterprise-ecommerce-platforms\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">enterprise e-commerce<\/a> platforms, radio, or something else?\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Think of this as a surface-level, fundamental question where there is a clear and direct association between the <span id=\"urn:enhancement-8cdd154a\" class=\"textannotation disambiguated wl-thing\">data<\/span> and the <span id=\"urn:enhancement-8e5695ed\" class=\"textannotation disambiguated wl-thing\">interpretation<\/span> applied to it. For example, perhaps the initial <span id=\"urn:enhancement-b0de50c3\" class=\"textannotation disambiguated wl-thing\">data<\/span> shows that social <span id=\"urn:enhancement-2bcf32b9\" class=\"textannotation disambiguated wl-thing\">media<\/span> is the most effective of the channels due to its superior success rate against the rest. There is no further <span id=\"urn:enhancement-32a7bb3f\" class=\"textannotation disambiguated wl-thing\">analysis<\/span> to be done in order to answer the question we set out to answer. No reasonable person could deny the <span id=\"urn:enhancement-aa58dfa8\" class=\"textannotation disambiguated wl-thing\">interpretation<\/span> that social <span id=\"urn:enhancement-914dc704\" class=\"textannotation disambiguated wl-thing\">media<\/span> is superior.<\/p>\r\n\r\n\r\n\r\n<p>Thereafter, you may then <strong>explore secondary interpretations<\/strong> that can be <span id=\"urn:enhancement-777525cc\" class=\"textannotation disambiguated wl-thing\">inferred<\/span> from the <span id=\"urn:enhancement-3d84485a\" class=\"textannotation disambiguated wl-thing\">data<\/span>. Maybe you also collected personal <span id=\"urn:enhancement-107db02f\" class=\"textannotation disambiguated wl-thing\">data<\/span> from successfully onboarded <span id=\"urn:enhancement-7193ce48\" class=\"textannotation disambiguated wl-thing\">customers<\/span> within each of the <span id=\"urn:enhancement-9ae85d96\" class=\"textannotation disambiguated wl-thing\">media<\/span>. Then, you can assess the success rate of particular <span id=\"urn:enhancement-69467805\" class=\"textannotation disambiguated wl-thing\">media<\/span> among specific <span id=\"urn:enhancement-d379258\" class=\"textannotation disambiguated wl-thing\">demographics<\/span>. This would constitute an additional <span id=\"urn:enhancement-712c2c57\" class=\"textannotation disambiguated wl-thing\">layer<\/span> of <span id=\"urn:enhancement-26ac8f11\" class=\"textannotation disambiguated wl-thing\">analysis<\/span> and therefore your <span id=\"urn:enhancement-5f19f5f2\" class=\"textannotation disambiguated wl-thing\">visualization<\/span> will need to be more sophisticated.<\/p>\r\n\r\n\r\n\r\n<p><strong>Layers of <span id=\"urn:enhancement-6413204c\" class=\"textannotation disambiguated wl-thing\">data<\/span> interpretations<\/strong> can build up in this way, so &#8211; depending on what question you\u2019d like to see answered and demonstrated to your <span id=\"urn:enhancement-53d31e6\" class=\"textannotation disambiguated wl-thing\">audience<\/span> &#8211; you will need to find the most appropriate way of presenting these <span id=\"urn:enhancement-78aeec63\" class=\"textannotation disambiguated wl-thing\">layers<\/span> of information.<\/p>\r\n\r\n\r\n\r\n<p>Generally, deeper levels of <span id=\"urn:enhancement-a9c0451c\" class=\"textannotation disambiguated wl-thing\">analysis<\/span> will require a more sophisticated <span id=\"urn:enhancement-b30ca3a7\" class=\"textannotation disambiguated wl-thing\">visualization<\/span> than more direct <span id=\"urn:enhancement-9f5f5631\" class=\"textannotation disambiguated wl-thing\">data<\/span> sets.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Number 2: Know your options<\/h2>\r\n\r\n\r\n\r\n<p>When it comes to <strong><span id=\"urn:enhancement-2f76e607\" class=\"textannotation disambiguated wl-thing\">data<\/span> <span id=\"urn:enhancement-131dae89\" class=\"textannotation disambiguated wl-thing\">presentation<\/span><\/strong>, you have a variety of options. Try and get familiar with the various ways <span id=\"urn:enhancement-effeb3b8\" class=\"textannotation disambiguated wl-thing\">data<\/span> can be visualized. Let\u2019s just very quickly take a look at a few of these ways, and how they are best used.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Data visualization with bar graphs<\/h3>\r\n\r\n\r\n\r\n<p>Perhaps the most familiar of <span id=\"urn:enhancement-54fa4d86\" class=\"textannotation disambiguated wl-thing\">data<\/span> visuals is the <strong>bar <span id=\"urn:enhancement-7f496726\" class=\"textannotation disambiguated wl-thing\">chart<\/span><\/strong> or <span id=\"urn:enhancement-16d54b54\" class=\"textannotation disambiguated wl-thing\">bar graph<\/span>. It is used when measuring the variability of a single factor between different categories.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"355\" height=\"234\" class=\"wp-image-12333\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image4-1.png\" alt=\"Data Visualization: Bar Chart\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image4-1.png 355w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image4-1-300x198.png 300w\" sizes=\"auto, (max-width: 355px) 100vw, 355px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>The above provides a rudimentary example of a bar <span id=\"urn:enhancement-6e319f6c\" class=\"textannotation disambiguated wl-thing\">chart<\/span>. As described above, you can see that there is one <span id=\"urn:enhancement-cebfafd8\" class=\"textannotation disambiguated wl-thing\">variable<\/span> that is being measured (number of people) and the <span id=\"urn:enhancement-99a856ad\" class=\"textannotation disambiguated wl-thing\">graph<\/span> provides a mode of comparison between a given set of categories (favorite type of movie) listed across the bottom.<\/p>\r\n\r\n\r\n\r\n<p>The <span id=\"urn:enhancement-f15d567f\" class=\"textannotation disambiguated wl-thing\">bar graph<\/span> is useful when making a basic comparison between categories in order to determine which is the best or worst option.\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Data visualization with histograms<\/h3>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"558\" height=\"359\" class=\"wp-image-12335\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image6.png\" alt=\"Data Visualization: Histograms\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image6.png 558w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image6-300x193.png 300w\" sizes=\"auto, (max-width: 558px) 100vw, 558px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>The above image is an example of a <strong><span id=\"urn:enhancement-83b5c45d\" class=\"textannotation disambiguated wl-thing\">histogram<\/span><\/strong>. It is similar to a <span id=\"urn:enhancement-7271a9cd\" class=\"textannotation disambiguated wl-thing\">bar graph<\/span> in aesthetic, but the type of <span id=\"urn:enhancement-5540a79a\" class=\"textannotation disambiguated wl-thing\">data<\/span> used with <span id=\"urn:enhancement-f995c9d0\" class=\"textannotation disambiguated wl-thing\">histograms<\/span> differs. Whereas in a <span id=\"urn:enhancement-b625435e\" class=\"textannotation disambiguated wl-thing\">bar graph<\/span> the categories are distinct, in a <span id=\"urn:enhancement-efe545a3\" class=\"textannotation disambiguated wl-thing\">histogram<\/span> the categories are ranges from a continuous <span id=\"urn:enhancement-93a2cbd2\" class=\"textannotation disambiguated wl-thing\">data set<\/span>. It consequently demonstrates proportional prolificacy of the separate ranges.<\/p>\r\n\r\n\r\n\r\n<p>The continuous nature of the <span id=\"urn:enhancement-3522617e\" class=\"textannotation disambiguated wl-thing\">data<\/span> is indicated by the lack of gaps between bars.<\/p>\r\n\r\n\r\n\r\n<p>You should use a <span id=\"urn:enhancement-7a20abe1\" class=\"textannotation disambiguated wl-thing\">histogram<\/span> if you are looking to compare two continuous sets of <span id=\"urn:enhancement-9c29ba21\" class=\"textannotation disambiguated wl-thing\">data<\/span> and want to categorize <span id=\"urn:enhancement-e7575e2f\" class=\"textannotation disambiguated wl-creative-work\">groups<\/span> within one of those sets.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Data visualization with line graphs<\/h3>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"606\" class=\"wp-image-12332\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image3-2.png\" alt=\"Data Visualization: Line Graphs\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image3-2.png 1000w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image3-2-300x182.png 300w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image3-2-768x465.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/>\r\n<figcaption>Data Visualization: Line Graphs<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>A <strong>line graph<\/strong> shows the differences in one variable (<span id=\"urn:enhancement-7d096a98\" class=\"textannotation disambiguated wl-thing\">y-axis<\/span>) in relation to an <span id=\"urn:enhancement-816c29f\" class=\"textannotation disambiguated wl-thing\">independent<\/span> <span id=\"urn:enhancement-e32832c3\" class=\"textannotation disambiguated wl-thing\">continuous variable<\/span>; usually time (<span id=\"urn:enhancement-3451a2f2\" class=\"textannotation disambiguated wl-thing\">x-axis<\/span>). They are useful for identifying trends and patterns in <span id=\"urn:enhancement-84b550e4\" class=\"textannotation disambiguated wl-thing\">data<\/span> and can be used to show how one <span id=\"urn:enhancement-1bd5a8c9\" class=\"textannotation disambiguated wl-thing\">independent<\/span> variable affects multiple things at a time.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>For example, you could use the same graph to show the amount of annual rainfall in different areas of the country, with each area being represented by a separate line. Line graphs should be considered if you have a lot of <span id=\"urn:enhancement-3e418c66\" class=\"textannotation disambiguated wl-thing\">data<\/span> to present.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Data visualization with pie charts<\/h3>\r\n\r\n\r\n\r\n<p><strong>Pie <span id=\"urn:enhancement-1bf13ad0\" class=\"textannotation disambiguated wl-thing\">charts<\/span><\/strong> are a way of demonstrating the total <strong>distribution of all your <span id=\"urn:enhancement-80852045\" class=\"textannotation disambiguated wl-thing\">data points<\/span><\/strong> among different categories. They should be used as an alternative to a bar <span id=\"urn:enhancement-d8a6b1e9\" class=\"textannotation disambiguated wl-thing\">graph<\/span> if you are more interested in showing the <strong>proportionality<\/strong> of your results than the relative amounts. For example, it may be useful to employ a pie <span id=\"urn:enhancement-e5bd2f2a\" class=\"textannotation disambiguated wl-thing\">chart<\/span> if you are looking to <a class=\"ek-link\" href=\"https:\/\/www.mageplaza.com\/blog\/customer-segmentation-tips-personalize-marketing.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">personalize marketing<\/a> techniques and need to assess the proportion of your <span id=\"urn:enhancement-9b05cc6c\" class=\"textannotation disambiguated wl-thing\">customers<\/span> who are positively affected by personalized ads.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Summary: which chart for your data visualization<\/h3>\r\n\r\n\r\n\r\n<p>These four are perhaps the most common, but there are many more and it may be worth your while to <span id=\"urn:enhancement-8767debf\" class=\"textannotation disambiguated wl-thing\">research<\/span> into the different options. Your <span id=\"urn:enhancement-2dde44b1\" class=\"textannotation disambiguated wl-thing\">decision<\/span> as to what is the best <span id=\"urn:enhancement-3ba3d2c6\" class=\"textannotation disambiguated wl-thing\">visualization<\/span> format to use will be informed by the characteristics of your <span id=\"urn:enhancement-3e356b55\" class=\"textannotation disambiguated wl-thing\">data<\/span>.\u00a0<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Number 3: Understanding your data<\/h2>\r\n\r\n\r\n\r\n<p>Right, so you know what questions you want your visuals to answer, and we\u2019ve looked at a few of the available options for representing those answers. Now you have to <span id=\"urn:enhancement-7d31a388\" class=\"textannotation disambiguated wl-thing\">make a decision<\/span>. This will come down to the <strong>characteristics of the <span id=\"urn:enhancement-e60d9f92\" class=\"textannotation disambiguated wl-thing\">data<\/span><\/strong> and the <strong><span id=\"urn:enhancement-572dc33\" class=\"textannotation disambiguated wl-thing\">variables<\/span> you need to display<\/strong>.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Types of variables<\/h3>\r\n\r\n\r\n\r\n<p><span id=\"urn:enhancement-209a8d9b\" class=\"textannotation disambiguated wl-thing\">Variables<\/span> come in two major types &#8211; <strong>independent and <span id=\"urn:enhancement-655e7463\" class=\"textannotation disambiguated wl-thing\">dependent variables<\/span><\/strong>. Broadly speaking, the <span id=\"urn:enhancement-1dfa917a\" class=\"textannotation disambiguated wl-thing\">independent variables<\/span> are the things that we change and the <span id=\"urn:enhancement-9caa58ba\" class=\"textannotation disambiguated wl-thing\">dependent variables<\/span> are the things that we measure. We are measuring the effect of the <span id=\"urn:enhancement-f7a4af75\" class=\"textannotation disambiguated wl-thing\">independent variables<\/span> on the dependents.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"592\" height=\"336\" class=\"wp-image-12331\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image2-3.png\" alt=\"Data Visualization: Types of Variables\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image2-3.png 592w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image2-3-300x170.png 300w\" sizes=\"auto, (max-width: 592px) 100vw, 592px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>For example, if we are assessing <a class=\"ek-link ek-link\" href=\"https:\/\/www.ringcentral.com\/us\/en\/blog\/marketing-communication-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">marketing communication tools<\/a>, the <span id=\"urn:enhancement-2e919ebb\" class=\"textannotation disambiguated wl-thing\">tools<\/span> themselves would be <span id=\"urn:enhancement-5e5fa9dd\" class=\"textannotation disambiguated wl-thing\">independent variables<\/span>. Their success rates would be the thing we measure and, therefore, the dependent variable.<\/p>\r\n\r\n\r\n\r\n<p>It is important to make these distinctions as different visualization methods will suit certain arrangements better. Bar graphs and pie charts, for example, are great ways to show proportions between independent categories against a dependent variable.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Types of data<\/h3>\r\n\r\n\r\n\r\n<p><strong>Data can be either qualitative or quantitative<\/strong>. But within each of these there are multiple different forms data can take.<\/p>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\">Qualitative<\/h4>\r\n\r\n\r\n\r\n<p>Qualitative data is data that is subjectively judged or grouped into categories. Specific types include:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li><strong>Binary<\/strong> &#8211; When the data fits into one of two categories. E.g., Do you know <a class=\"ek-link ek-link\" href=\"https:\/\/www.ringcentral.com\/how-to-send-fax-online.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">how to send a fax online<\/a>? (Yes\/No)<\/li>\r\n<li><strong>Nominal<\/strong> &#8211; data that\u2019s fitted into categories with no implicit hierarchical order or rank. E.g., methods of <a class=\"ek-link\" href=\"https:\/\/www.leadfuze.com\/talent-acquisition-ensure-ta-quality\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">talent acquisition<\/a><\/li>\r\n<li><strong>Ordinal<\/strong> &#8211; data that\u2019s fitted into categories with an implied order. E.g., size<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\">Quantitative<\/h4>\r\n\r\n\r\n\r\n<p>Quantitative data is data that can be measured in an objective way and can be represented using numerals. There are two types:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li><strong>Discrete<\/strong> &#8211; Numerical results that can\u2019t logically be made more precise. E.g., number of targets an email blast service can have &#8211; it needs to be a whole number.<\/li>\r\n<li><strong>Continuous<\/strong> &#8211; numerical results that can conceivably be more and more precise. E.g, the speed at which different <a class=\"ek-link\" href=\"https:\/\/mailshake.com\/blog\/best-call-center-software\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">call center solutions<\/a> can connect customers to agents.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Application and purpose of data visualization<\/h3>\r\n\r\n\r\n\r\n<p>Apply your knowledge of the qualities of your data when <strong>deciding what type of visualization to use<\/strong>. When using categorical quantitative data, you will find that a bar graph or pie chart is a more appropriate visualization for analyzing the distribution of that data. Whereas, if you are looking to analyze small fluctuations in data over a continuous period of time a line graph is more suitable.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" class=\"wp-image-12336\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image7.png\" alt=\"\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image7.png 1024w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image7-300x169.png 300w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image7-768x432.png 768w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image7-896x504.png 896w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image7-400x225.png 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-number-4-aesthetic-of-data-visualization\">Number 4: Aesthetic of data visualization<\/h2>\r\n\r\n\r\n\r\n<p><strong>Your <a href=\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/data-science\/ruby-on-rails-in-2022-a-data-processing-and-visualization-case-study\/\">data visualization<\/a> should be clear, concise, and aesthetically satisfying<\/strong>. Not only will this mean that your presentation will be more engaging for your audience, they will also be more receptive to your message.<\/p>\r\n\r\n\r\n\r\n<p>It has been suggested that we have two systems for decision making. System one is quick and instinctual, while system two is slow and deliberate. Your data visualization should be presented in such a way as to appeal to your audience&#8217;s system one decision making. This means minimal room for interpretation and an unambiguous message.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Describe your data<\/h3>\r\n\r\n\r\n\r\n<p>While it\u2019s important for your graphics to <strong>communicate an idea without words<\/strong>, words will help clear up any lingering doubt. So, annotate your diagrams directly (without a key) and use sub-headings and callout boxes to accurately describe what exactly is being shown.<\/p>\r\n\r\n\r\n\r\n<p>Be sure to use a simple and legible font that doesn\u2019t distract from the message you are trying to convey.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Visual Hierarchy<\/h3>\r\n\r\n\r\n\r\n<p>There will be parts of your design that should demand more attention than others. <strong>Key results and trends should be accentuated<\/strong> so that they can\u2019t be missed. Say, for example, you\u2019re trying to ask \u2018<a class=\"ek-link ek-link\" href=\"https:\/\/www.ringcentral.com\/how-does-virtual-phone-service-work.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">how does virtual phone service work<\/a> compared to traditional phone service?\u2019. Then, you ought to bring attention to the pertinent data that highlights the differences in performance between the two <a class=\"ek-link ek-link\" href=\"https:\/\/www.codemotion.com\/magazine\/Glossary\/telecommunications-service-provider\/\">service<\/a> types.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Elements of your presentation should be represented according to a visual hierarchy &#8211; with the most important elements at the top and the least important at the bottom. Once you\u2019ve ordered the elements in this way you can vary the following qualities accordingly to grant them the appropriate level of distinctiveness:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li><strong>Size<\/strong> &#8211; more important elements can be enlarged while less important elements kept small or even omitted.<\/li>\r\n<li><strong>Color\/contrast<\/strong> &#8211; Brighter colors stand out more.<\/li>\r\n<li><strong>Perspective<\/strong> &#8211; Blur and shading can make certain elements seem further away or non-important.<\/li>\r\n<li><strong>Space<\/strong> &#8211; elements that are separate will be noticed first.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1014\" height=\"487\" class=\"wp-image-12334\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image5-1.png\" alt=\"\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image5-1.png 1014w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image5-1-300x144.png 300w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/image5-1-768x369.png 768w\" sizes=\"auto, (max-width: 1014px) 100vw, 1014px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Another tip is to try to be minimalistic; you don\u2019t want anything in your graph that isn\u2019t absolutely necessary and has the potential to distract or confuse the viewer. Things like grid lines should be muted or deleted for this reason.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Number 5: Introduce your work to criticism<\/h2>\r\n\r\n\r\n\r\n<p><strong>Feedback is hugely significant for data visuals<\/strong>. When you\u2019ve been working on something continually for a few days you can develop tunnel vision and lose track of whatever it is you are trying to convey. A simple demo on a group of colleagues or friends is a great way to gauge the immediate response that your design elicits.<\/p>\r\n\r\n\r\n\r\n<p>Remember, we\u2019re looking to engage that instinctual system one thinking. So, it\u2019s bad news if your demo audience stands there squinting at your production for five minutes trying to work out what it means. You want them to be immediately compelled into your way of reasoning by the irrefutable data.<\/p>\r\n\r\n\r\n\r\n<p>Feedback notifies you when you\u2019re trying to cram too much information into one visual device. Or, it can let you know if there\u2019s not enough context for the meaning to become apparent.<\/p>\r\n\r\n\r\n\r\n<p>In short, <strong>listening to feedback is potentially the most important step<\/strong> in the entire process as it makes you carefully reconsider all the previous points made. You should regularly take a step back and conduct these feedback sessions throughout the process. This way you can be sure that your end product will have the impact that your arduous data research merits.<\/p>\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>So you\u2019ve been out, you\u2019ve conducted the surveys, you\u2019ve collected a giant pot of data that unequivocally demonstrates your position and now it\u2019s time to present. How do you do it? Well you could just dump the raw spreadsheet at the desk of your manager or whoever it may be, declaring \u2018it\u2019s all there!\u2019, triumphantly.&#8230; <a class=\"more-link\" href=\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/\">Read more<\/a><\/p>\n","protected":false},"author":115,"featured_media":12328,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":8,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_uag_custom_page_level_css":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[16],"tags":[4446],"collections":[],"class_list":{"0":"post-12327","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-big-data","8":"tag-data-analysis","9":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>5 Rules of Engagement When it Comes to Data Visualization - Codemotion<\/title>\n<meta name=\"description\" content=\"In this article we outline five basic rules of engagement for data visualization to properly communicate data interpretations.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Rules of Engagement When it Comes to Data Visualization\" \/>\n<meta property=\"og:description\" content=\"In this article we outline five basic rules of engagement for data visualization to properly communicate data interpretations.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/\" \/>\n<meta property=\"og:site_name\" content=\"Codemotion Magazine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Codemotion.Italy\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-27T15:13:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-08T13:38:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"John Allen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:site\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"John Allen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/\"},\"author\":{\"name\":\"John Allen\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/f4690aee511518093a50a9626a5d2051\"},\"headline\":\"5 Rules of Engagement When it Comes to Data Visualization\",\"datePublished\":\"2020-11-27T15:13:40+00:00\",\"dateModified\":\"2022-07-08T13:38:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/\"},\"wordCount\":2098,\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash.jpg\",\"keywords\":[\"Data Analysis\"],\"articleSection\":[\"Big Data\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/\",\"name\":\"5 Rules of Engagement When it Comes to Data Visualization - Codemotion\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash.jpg\",\"datePublished\":\"2020-11-27T15:13:40+00:00\",\"dateModified\":\"2022-07-08T13:38:58+00:00\",\"description\":\"In this article we outline five basic rules of engagement for data visualization to properly communicate data interpretations.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/#primaryimage\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash.jpg\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash.jpg\",\"width\":1200,\"height\":675,\"caption\":\"data visualization\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AI\/ML\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Big Data\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"5 Rules of Engagement When it Comes to Data Visualization\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"name\":\"Codemotion Magazine\",\"description\":\"We code the future. Together\",\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\",\"name\":\"Codemotion\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"width\":225,\"height\":225,\"caption\":\"Codemotion\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Codemotion.Italy\/\",\"https:\/\/x.com\/CodemotionIT\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/f4690aee511518093a50a9626a5d2051\",\"name\":\"John Allen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a8648030260b2144249a568d2dd0a03a52098d197c00a3b3bdd978d53e68b077?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a8648030260b2144249a568d2dd0a03a52098d197c00a3b3bdd978d53e68b077?s=96&d=mm&r=g\",\"caption\":\"John Allen\"},\"description\":\"John Allen is the \u201cBillion Dollar SEO,\u201d known for effectively scaling enterprise SEO teams. With over 14 years of experience and an extensive background in building and optimizing digital marketing programs he currently directs all SEO activity for RingCentral, a global UCaaS, VoIP, and call center solutions provider. He has written for websites such as Hubspot and Toolbox.\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/author\/john-allen\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"5 Rules of Engagement When it Comes to Data Visualization - Codemotion","description":"In this article we outline five basic rules of engagement for data visualization to properly communicate data interpretations.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/","og_locale":"en_US","og_type":"article","og_title":"5 Rules of Engagement When it Comes to Data Visualization","og_description":"In this article we outline five basic rules of engagement for data visualization to properly communicate data interpretations.","og_url":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/","og_site_name":"Codemotion Magazine","article_publisher":"https:\/\/www.facebook.com\/Codemotion.Italy\/","article_published_time":"2020-11-27T15:13:40+00:00","article_modified_time":"2022-07-08T13:38:58+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash.jpg","type":"image\/jpeg"}],"author":"John Allen","twitter_card":"summary_large_image","twitter_creator":"@CodemotionIT","twitter_site":"@CodemotionIT","twitter_misc":{"Written by":"John Allen","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/#article","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/"},"author":{"name":"John Allen","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/f4690aee511518093a50a9626a5d2051"},"headline":"5 Rules of Engagement When it Comes to Data Visualization","datePublished":"2020-11-27T15:13:40+00:00","dateModified":"2022-07-08T13:38:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/"},"wordCount":2098,"publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash.jpg","keywords":["Data Analysis"],"articleSection":["Big Data"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/","url":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/","name":"5 Rules of Engagement When it Comes to Data Visualization - Codemotion","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/#primaryimage"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash.jpg","datePublished":"2020-11-27T15:13:40+00:00","dateModified":"2022-07-08T13:38:58+00:00","description":"In this article we outline five basic rules of engagement for data visualization to properly communicate data interpretations.","breadcrumb":{"@id":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/#primaryimage","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash.jpg","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash.jpg","width":1200,"height":675,"caption":"data visualization"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/data-visualization-engagement-rules\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codemotion.com\/magazine\/"},{"@type":"ListItem","position":2,"name":"AI\/ML","item":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/"},{"@type":"ListItem","position":3,"name":"Big Data","item":"https:\/\/www.codemotion.com\/magazine\/ai-ml\/big-data\/"},{"@type":"ListItem","position":4,"name":"5 Rules of Engagement When it Comes to Data Visualization"}]},{"@type":"WebSite","@id":"https:\/\/www.codemotion.com\/magazine\/#website","url":"https:\/\/www.codemotion.com\/magazine\/","name":"Codemotion Magazine","description":"We code the future. Together","publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codemotion.com\/magazine\/#organization","name":"Codemotion","url":"https:\/\/www.codemotion.com\/magazine\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","width":225,"height":225,"caption":"Codemotion"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Codemotion.Italy\/","https:\/\/x.com\/CodemotionIT"]},{"@type":"Person","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/f4690aee511518093a50a9626a5d2051","name":"John Allen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a8648030260b2144249a568d2dd0a03a52098d197c00a3b3bdd978d53e68b077?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a8648030260b2144249a568d2dd0a03a52098d197c00a3b3bdd978d53e68b077?s=96&d=mm&r=g","caption":"John Allen"},"description":"John Allen is the \u201cBillion Dollar SEO,\u201d known for effectively scaling enterprise SEO teams. With over 14 years of experience and an extensive background in building and optimizing digital marketing programs he currently directs all SEO activity for RingCentral, a global UCaaS, VoIP, and call center solutions provider. He has written for websites such as Hubspot and Toolbox.","url":"https:\/\/www.codemotion.com\/magazine\/author\/john-allen\/"}]}},"featured_image_src":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash-600x400.jpg","featured_image_src_square":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash-600x600.jpg","author_info":{"display_name":"John Allen","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/john-allen\/"},"uagb_featured_image_src":{"full":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash.jpg",1200,675,false],"thumbnail":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash-150x150.jpg",150,150,true],"medium":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash-300x169.jpg",300,169,true],"medium_large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash-768x432.jpg",768,432,true],"large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash.jpg",1200,675,false],"2048x2048":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash.jpg",1200,675,false],"small-home-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash.jpg",100,56,false],"sidebar-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash-180x128.jpg",180,128,true],"genesis-singular-images":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash-896x504.jpg",896,504,true],"archive-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash-400x225.jpg",400,225,true],"gb-block-post-grid-landscape":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash-600x400.jpg",600,400,true],"gb-block-post-grid-square":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/new-data-services-Ar-iTL4QKl4-unsplash-600x600.jpg",600,600,true]},"uagb_author_info":{"display_name":"John Allen","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/john-allen\/"},"uagb_comment_info":0,"uagb_excerpt":"So you\u2019ve been out, you\u2019ve conducted the surveys, you\u2019ve collected a giant pot of data that unequivocally demonstrates your position and now it\u2019s time to present. How do you do it? Well you could just dump the raw spreadsheet at the desk of your manager or whoever it may be, declaring \u2018it\u2019s all there!\u2019, triumphantly.&#8230;&hellip;","lang":"en","_links":{"self":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/12327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/users\/115"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/comments?post=12327"}],"version-history":[{"count":8,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/12327\/revisions"}],"predecessor-version":[{"id":18263,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/12327\/revisions\/18263"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media\/12328"}],"wp:attachment":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media?parent=12327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/categories?post=12327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/tags?post=12327"},{"taxonomy":"collections","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/collections?post=12327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}