{"id":89629,"date":"2024-11-04T14:02:54","date_gmt":"2024-11-04T14:02:54","guid":{"rendered":"https:\/\/outliereditor.co.za\/?p=89629"},"modified":"2025-11-17T17:38:56","modified_gmt":"2025-11-17T17:38:56","slug":"from-chaos-to-clarity-6-simple-ways-to-fix-a-chart","status":"publish","type":"post","link":"https:\/\/outliereditor.co.za\/index.php\/2024\/11\/04\/from-chaos-to-clarity-6-simple-ways-to-fix-a-chart\/","title":{"rendered":"From chaos to clarity: 6 simple ways to fix a chart"},"content":{"rendered":"\n<p>One of the challenges with large datasets is how easy it is to get bogged down in detail. Turning a \u2018spaghetti\u2019 chart into something meaningful has its challenges. It&#8217;s something we do regularly and we have a good example of that below.<\/p>\n\n\n\n<p>When you visualise raw data, it\u2019s the small decisions that can make a big difference to the story you want to tell.<\/p>\n\n\n\n<p>To demonstrate this, we loaded some crime stats from the SA Police Service into\u00a0<a href=\"https:\/\/mediahack.cmail20.com\/t\/d-l-sliuldy-ihnhrguh-j\/\" target=\"_blank\" rel=\"noreferrer noopener\">Flourish<\/a>, which produced a very colourful spaghetti chart. It\u2019s clear there\u2019s a lot going on there, but impossible to work out the point.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/Spaghetti-1024x1024.png\" alt=\"\" class=\"wp-image-89644\" srcset=\"https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/Spaghetti-1024x1024.png 1024w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/Spaghetti-300x300.png 300w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/Spaghetti-150x150.png 150w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/Spaghetti-768x768.png 768w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/Spaghetti.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><br><br>Here&#8217;s how we try and make some sense of the data:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Colour can improve understanding<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"748\" src=\"https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-colour-1024x748.png\" alt=\"\" class=\"wp-image-89645\" srcset=\"https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-colour-1024x748.png 1024w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-colour-300x219.png 300w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-colour-768x561.png 768w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-colour.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Colour is a powerful communication tool but less is (almost always) more. Because we wanted to show that Inanda police station recorded the highest number of murders in 2023, we\u2019ve used&nbsp;red&nbsp;as the primary colour, brought the line to the front and made it bold.<\/p>\n\n\n\n<p>We\u2019ve kept the other stations to provide context but as it is supportive rather than primary information, we\u2019ve used a&nbsp;neutral&nbsp;colour to help de-emphasise it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Make sure the labels are legible<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"748\" src=\"https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-labels-1024x748.png\" alt=\"\" class=\"wp-image-89646\" srcset=\"https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-labels-1024x748.png 1024w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-labels-300x219.png 300w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-labels-768x561.png 768w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-labels.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>It\u2019s pointless including information if it is hard to read. The labels on the original chart were at an angle and in grey, which is seldom a good choice for text as it can look blurred.<\/p>\n\n\n\n<p>Here, we\u2019ve aligned the text horizontally and put it in a bigger font and in black. It\u2019s much clearer and cleaner.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Don\u2019t leave readers hanging<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"748\" src=\"https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-units-1024x748.png\" alt=\"\" class=\"wp-image-89647\" srcset=\"https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-units-1024x748.png 1024w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-units-300x219.png 300w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-units-768x561.png 768w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-units.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Information such as scale, range and actual quantities should be included to ensure that the chart is understood correctly.<\/p>\n\n\n\n<p>In our chart, we\u2019ve labelled the y-axis to indicate what is represented \u2013 the number of murders reported. We\u2019ve also dropped the zero to clean up the visual clutter. Most people will (correctly) assume that the y-axis starts at zero.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">White space is a design tool<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"956\" src=\"https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-space-1024x956.png\" alt=\"\" class=\"wp-image-89648\" srcset=\"https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-space-1024x956.png 1024w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-space-300x280.png 300w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-space-768x717.png 768w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-space.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Giving a chart space (or &#8216;breathing room&#8217;) reduces the appearance of clutter and makes the whole chart easier to read. Also, making sure the margins around your chart are equal makes the chart feel balanced.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Words make a chart<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-final-1024x1024.png\" alt=\"\" class=\"wp-image-89649\" srcset=\"https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-final-1024x1024.png 1024w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-final-300x300.png 300w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-final-150x150.png 150w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-final-768x768.png 768w, https:\/\/outliereditor.co.za\/wp-content\/uploads\/2024\/11\/line-final.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Adding a title to the chart frames the purpose of a chart. The title helps readers quickly grasp your main message. The aim is to be succinct, but also as descriptive as possible.<\/p>\n\n\n\n<p>Don\u2019t forget to include a source. Every dataset has an origin and, without it, a chart loses credibility.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">To recap\u2026<\/h2>\n\n\n\n<p>\u2705 Use colour to create focus<br>\u2705 Add missing units of measure<br>\u2705 Make labels easy to read<br>\u2705 Clean up with good spacing<br>\u2705 Sum it all up with a succinct headline<br>\u2705 Always include a source<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Notebook<\/h2>\n\n\n\n<p>\ud83c\udf52 Get The Outlier\u2019s <a href=\"https:\/\/outliereditor.co.za\/index.php\/2024\/10\/18\/unlock-the-power-of-colour\/\" data-type=\"post\" data-id=\"89407\">free guide to unlocking the power of colour<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":89641,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[448,1387],"tags":[1199,1247,1246,360,1205,471,1248],"newsletter-post":[],"site":[],"class_list":["post-89629","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-the-outlier","tag-charts","tag-colour","tag-data-insights","tag-data-visualisation","tag-dataviz","tag-flourish","tag-tips-and-tools"],"acf":{"big_number":"","big_number_caption":"","big_number_link":"","big_number_background":"","big_number_text_colour":"#000000","big_number_icon":false,"big_number_wide":"yes","featured_chart":false,"flourish_chart_id":"","flourish_sub_title":"","flourish_chart_width":"medium","is_newsletter_post":"Yes","post_style":"blc","show_on_front":"Yes","link_through":"Yes","chart_url":"","background_colour":"#0089AA","text_colour":"#FFFFFF"},"_links":{"self":[{"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/posts\/89629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=89629"}],"version-history":[{"count":3,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/posts\/89629\/revisions"}],"predecessor-version":[{"id":89650,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/posts\/89629\/revisions\/89650"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/media\/89641"}],"wp:attachment":[{"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=89629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/categories?post=89629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/tags?post=89629"},{"taxonomy":"newsletter-post","embeddable":true,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/newsletter-post?post=89629"},{"taxonomy":"site","embeddable":true,"href":"https:\/\/outliereditor.co.za\/index.php\/wp-json\/wp\/v2\/site?post=89629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}