{"id":3343,"date":"2018-03-21T10:13:24","date_gmt":"2018-03-21T10:13:24","guid":{"rendered":"http:\/\/localhost\/etabs-wordpress\/?post_type=newsevents&amp;p=3343"},"modified":"2018-03-21T10:13:24","modified_gmt":"2018-03-21T10:13:24","slug":"chart-chats-line-chart","status":"publish","type":"newsevents","link":"https:\/\/special-sauce.dev\/etabs-block\/newsevents\/chart-chats-line-chart\/","title":{"rendered":"Chart Chats: Line Chart"},"content":{"rendered":"<p>In this series, we get to the heart of different chart styles to better understand how they tick, through intimate and humorous interviews with the charts themselves. Welcome to &#8220;Chart Chats&#8221;.<\/p>\n<h1 style=\"font-size: 20px;\">Today we&#8217;re talking to the line chart<\/h1>\n<p><strong>Next in line, we have a great interview lined up for you with everything you ever wanted to know about the line chart &#8211;\u00a0 It\u2019s line O\u2019clock.<\/strong><\/p>\n<p><strong>Welcome to the chat line, you seem very familiar, I\u2019m sure I\u2019ve seen you before.<\/strong><\/p>\n<p>I\u2019m not surprised by that. I\u2019ve had many many roles and appeared in thousands of films and productions. From heart monitor readouts in medical dramas, to scanners in spy movies to the stock market trackers plus many more. There\u2019s pickup lines, putdown lines, lines in the sand and, famously, every cloud has a silver line in!<\/p>\n<p><strong>So you\u2019re an actor?<\/strong><\/p>\n<p>And a very good one too! Unlike all the other charts who just tell you one boring fact, I tell a story. I follow a metric\u2019s journey along a timeline, showing its ups and downs over time, all the twists and turns of its journey, starting in the past, moving through the present and even into future.<\/p>\n<p><strong>Future? Do you have a crystal ball?<\/strong><\/p>\n<p>Well, history is a great teacher of the future. Once I get into the character, I find that if you know what\u2019s happened in the past you can continue along the same line into the future with a certain degree of confidence.<\/p>\n<p><strong>So what props do you need to tell a story?<\/strong><\/p>\n<p>Simply put, the basics of a line chart are data points plotted against two axes &#8211; you have the x axis which usually shows time, and the y axis which measures the metric. After you have placed a marker at the metric value for each point in time, you then fill in the gaps by joining the dots with lines.<\/p>\n<p><strong>Wow, you say that\u2019s basic, but there is a lot there. Let\u2019s take this one at a time.\u00a0<\/strong><strong>The Y axis, does it have to start at 0?<\/strong><\/p>\n<p>Not necessarily. I don\u2019t care about the scale, I\u2019m more interested in the vicissitudes of the metric\u2019s timeline, the ups and downs \u2013 the drama, the emotion! If the scale is too large you won\u2019t see any of that. A flatline is a deadline, the audience will fall asleep. Change the scale until you make that line dance.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3345\" src=\"http:\/\/localhost\/etabs-wordpress\/wp-content\/uploads\/sites\/30\/2020\/12\/scale.png\" alt=\"\" width=\"489\" height=\"161\" \/><\/p>\n<p><strong>So no flat lines, is that what you\u2019re saying?<\/strong><\/p>\n<p>You may have a flat line as a target or something, this is a backdrop for the metric to be displayed against. It provides context for the drama. Even more &#8211; you can have a second metric with a different scale in the same chart. It doesn\u2019t matter if one scale thousands and the other is thousandths, the story emerges from the interplay between the metrics, by how they interact and respond to events along their joint timeline. Do they stick together, do they go in different directions, and why? I don\u2019t really explain the why, that\u2019s what the audience needs to do for themselves.<\/p>\n<p><strong>So you can show more than one metric?<\/strong><\/p>\n<p>Of course! I can technically show as many metrics as you like! Just don\u2019t overload me, I may be the best actor but trying to learn and keep track of too many lines gives me a headache. I start to jumble my lines and it\u2019s too hard for anybody else to keep track of every metric\u2019s individual story either. I normally draw the line at seven. If you have an interactive chart, just show a few and enable the viewer to add and remove or toggle series according to their needs.<\/p>\n<p><strong>What about the X axis? Any words about the scale of that?<\/strong><\/p>\n<p>Well, your entire life story might be interesting to you but doesn\u2019t make a good storyline for the public. If you are focussing on a few months, then you might get away with daily measurements, but a daily measure over the last 100 years? Really? People won\u2019t sit still for that long. Stick to years or even decades in that case. It\u2019s the direction of the line that matters, not every single peak and trough. Think about a novel, it\u2019s only the important events that get mentioned.<\/p>\n<p><strong>And the line in between the dots, does that have to be a line?<\/strong><\/p>\n<p>The main thing about that is that it has to join the points. The line could be solid, dotted, dashed or whatever. I know some people go on about their red lines, but just pick whatever colour you want! As for the shape, some people like a line which makes a beeline between the points, but that\u2019s not essential. Try a curve! A smooth curvy line is a real hot line!<\/p>\n<p><strong>And finally the dots?<\/strong><\/p>\n<p>These are called markers. They could be any shape or size, everything from circles to squares, stars triangles and even images if applicable.\u00a0 Or you could not show them at all! As a general rule, if you have more lines in your chart, your markers should be less visible. Less is more!<\/p>\n<p><strong>I know you like a good story, but what if I only have a single time value for my metric?\u00a0<\/strong><\/p>\n<p>One point isn\u2019t a line. It\u2019s a dot. You can show a dot or wait till you get more points further down the line. You can have a slope graph which takes two values, that\u2019s really the shortest story I can tell.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3346\" src=\"http:\/\/localhost\/etabs-wordpress\/wp-content\/uploads\/sites\/30\/2020\/12\/slope-graph.gif\" alt=\"\" width=\"358\" height=\"179\" \/> A slope graph<\/p>\n<p><strong>What should I do if I have gaps in the data somewhere along the line?<\/strong><\/p>\n<p>That is something that I really don\u2019t like, I would send the script back to the writer. I can of course guess at what the metric did during this time, but I can\u2019t always guarantee that I have it right, it\u2019s at your own risk. If you don\u2019t want to rely on my guess and you really can\u2019t get the data, you could leave a gap, and I\u2019ll stop the show at that point. After the interval I\u2019ll resume with \u20181 year later\u2026\u2019. It\u2019s not the most satisfactory but I can only work with what I\u2019m given.<\/p>\n<p><strong>Enough about the characters that you play, what\u2019s going on behind the lines?<\/strong><\/p>\n<p>I come from long and distinguished line of charts, dating back to 1786. I was first used to visualize economic based data in the form of imports vs exports annually in the amount of British Pounds Sterling. I\u2019ve been telling data stories ever since, and am famous worldwide. There is lot on the line &#8211; did I tell about some of my credits?<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3344\" src=\"http:\/\/localhost\/etabs-wordpress\/wp-content\/uploads\/sites\/30\/2020\/12\/oldest-line.png\" alt=\"\" width=\"528\" height=\"390\" \/><\/p>\n<p><strong>I think you did. Do you always play a line?<\/strong><\/p>\n<p>No, I am quite versatile! I can get rid of the axis and markers and be a sparkline. This is like a 5 minute sketch rather than a whole play. Or I can hang a sheet on the line and be an area chart. Or even a stacked area with many multi coloured sheets. The possibilities are endless.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3348\" src=\"http:\/\/localhost\/etabs-wordpress\/wp-content\/uploads\/sites\/30\/2020\/12\/stacked-area.jpg\" alt=\"\" width=\"400\" height=\"240\" \/><\/p>\n<p><strong>Sadly we\u2019ve reached the end of the line, what\u2019s the punchline of this chat?<\/strong><\/p>\n<p>The bottom line is, I\u2019m the best chart to tell your story! Use a line chart properly, don\u2019t cram in too much data, too many lines or markers. Give me a good story that is not too complex, and I\u2019ll be on cloud line and you will be a line king!<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n","protected":false},"author":2790,"featured_media":3357,"template":"","class_list":["post-3343","newsevents","type-newsevents","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/special-sauce.dev\/etabs-block\/wp-json\/wp\/v2\/newsevents\/3343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/special-sauce.dev\/etabs-block\/wp-json\/wp\/v2\/newsevents"}],"about":[{"href":"https:\/\/special-sauce.dev\/etabs-block\/wp-json\/wp\/v2\/types\/newsevents"}],"author":[{"embeddable":true,"href":"https:\/\/special-sauce.dev\/etabs-block\/wp-json\/wp\/v2\/users\/2790"}],"version-history":[{"count":0,"href":"https:\/\/special-sauce.dev\/etabs-block\/wp-json\/wp\/v2\/newsevents\/3343\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/special-sauce.dev\/etabs-block\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/special-sauce.dev\/etabs-block\/wp-json\/wp\/v2\/media?parent=3343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}