{"id":4872,"date":"2019-09-12T02:58:21","date_gmt":"2019-09-12T02:58:21","guid":{"rendered":"https:\/\/dvsnightingstg.wpenginepowered.com\/?p=4872"},"modified":"2021-06-07T18:26:40","modified_gmt":"2021-06-07T22:26:40","slug":"what-makes-a-data-visualisation-elegant","status":"publish","type":"post","link":"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/","title":{"rendered":"What Makes A Data Visualisation Elegant?"},"content":{"rendered":"\n<p class=\"is-style-lead\" id=\"305f\"><em>On a dedicated channel, #dvs-topics-in-data-viz, in the Data Visualization Society Slack, our members discuss questions and issues pertinent to the field of data visualization. Discussion topics rotate every two weeks, and while subjects vary, each one challenges our members to think deeply and holistically about questions that affect the field of data visualization. At the end of each discussion, the moderator recaps some of the insights and observations in a post on Nightingale. You can find all of the other discussions&nbsp;<\/em><a href=\"https:\/\/medium.com\/nightingale\/topics-in-data-viz\/home\"><em>here<\/em><\/a><em>.<\/em><\/p>\n\n\n\n<p id=\"1240\">Elegance is a design concept I have always found hard to define, especially in relation to data visualisation. I know when I see something that is elegant. I also know when this quality is absent. But it is often hard to articulate&nbsp;<em>why.&nbsp;<\/em>It lacks definition, which makes it hard to control, hard to explain, and hard to pursue.<\/p>\n\n\n\n<p id=\"2321\">To try to find some common understanding, I asked Data Visualization Society members:<\/p>\n\n\n\n<p id=\"96f0\"><strong>How do people define and describe elegance in visualisation as well as other creative or communicated work?<\/strong><\/p>\n\n\n\n<p id=\"1ed9\">Here is a summary of the main themes that emerged.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"f390\">Elegance is<strong>\u2026 AESTHETICALLY NOURISHING<\/strong><\/h2>\n\n\n\n<p id=\"af08\">A prominent strand of discussion observed the importance of a visualisation being able to appeal to its audience through its visual aesthetic. It should charm them and create a positive first impression.<\/p>\n\n\n\n<p id=\"6288\">Elegant aesthetics are formed by a recipe comprising astute colour choices, layout decisions, typeface selection, and interactive slickness. It intrigues the viewer, inspires their curiosity, and invites them to read and interact with the contents.<\/p>\n\n\n\n<p id=\"1c68\">Some of the key words used to define this initial aesthetic quality included&nbsp;<em>calm<\/em>,&nbsp;<em>ease<\/em>,&nbsp;<em>gentle<\/em>,&nbsp;<em>fitting<\/em>,&nbsp;<em>softness<\/em>,&nbsp;<em>natural<\/em>,&nbsp;<em>poetic<\/em>,&nbsp;<em>smooth,<\/em>&nbsp;<em>soft<\/em>. The use of shades of grey, of limited colour palettes and pastel tones were expressed as being present in works that people think of as being elegant (the work of&nbsp;<a href=\"https:\/\/www.behance.net\/FedericaFragapane\">Federica Fragapane<\/a>,&nbsp;<a href=\"http:\/\/giorgialupi.com\/\">Giorgia Lupi<\/a>,&nbsp;<a href=\"https:\/\/www.visualcinnamon.com\/\">Nadieh Bremer<\/a>, and&nbsp;<a href=\"https:\/\/www.c82.net\/\">Nicholas Rougeux<\/a>&nbsp;were mentioned).<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"405\" src=\"https:\/\/i0.wp.com\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2021\/06\/image-1024x576.jpeg?resize=720%2C405&#038;ssl=1\" alt=\"\" class=\"wp-image-4874\" srcset=\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image.jpeg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image.jpeg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image.jpeg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image.jpeg?resize=450%2C253&amp;ssl=1 450w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image.jpeg?resize=1360%2C765&amp;ssl=1 1360w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image.jpeg?resize=800%2C450&amp;ssl=1 800w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image.jpeg?resize=250%2C141&amp;ssl=1 250w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image.jpeg?resize=550%2C309&amp;ssl=1 550w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image.jpeg?resize=320%2C180&amp;ssl=1 320w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image.jpeg?resize=534%2C300&amp;ssl=1 534w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image.jpeg?resize=889%2C500&amp;ssl=1 889w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image.jpeg?w=1366&amp;ssl=1 1366w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"720\" height=\"480\" src=\"https:\/\/i0.wp.com\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2021\/06\/image-1-1024x683.jpeg?resize=720%2C480&#038;ssl=1\" alt=\"\" class=\"wp-image-4875\" srcset=\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-1.jpeg?resize=1024%2C683&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-1.jpeg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-1.jpeg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-1.jpeg?resize=1536%2C1024&amp;ssl=1 1536w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-1.jpeg?resize=450%2C300&amp;ssl=1 450w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-1.jpeg?resize=1200%2C800&amp;ssl=1 1200w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-1.jpeg?resize=1360%2C907&amp;ssl=1 1360w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-1.jpeg?resize=800%2C533&amp;ssl=1 800w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-1.jpeg?resize=250%2C167&amp;ssl=1 250w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-1.jpeg?resize=550%2C367&amp;ssl=1 550w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-1.jpeg?resize=270%2C180&amp;ssl=1 270w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-1.jpeg?resize=750%2C500&amp;ssl=1 750w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-1.jpeg?w=1800&amp;ssl=1 1800w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-1.jpeg?w=1440&amp;ssl=1 1440w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><figcaption>A Year in Flights, Nadieh Bremer, 2018<\/figcaption><\/figure><\/div>\n\n\n\n<p id=\"6f76\">It was interesting to see the words&nbsp;<em>charm<\/em>&nbsp;and&nbsp;<em>calm<\/em>&nbsp;mentioned several times. I\u2019ve often found myself using a word like&nbsp;<em>seduction<\/em>&nbsp;but&nbsp;<em>charm<\/em>&nbsp;is less needy and perhaps less desperate.&nbsp;<em>Calm<\/em>&nbsp;conveys a sense of serenity, once again, of not trying too hard to gain attention but getting it none the less.<\/p>\n\n\n\n<p id=\"ed81\">Oren Bahari mentioned how an elegant design \u201coozes style without even trying or seeming to try\u201d. He continues:<\/p>\n\n\n\n<p><em>\u201cIt is [the] subjective illusion of graceful artistry, where the hours of yelling at your computer weren\u2019t rendered into the final design. The point at which your effort, knowledge, input and time for your visualisation hides its work and appears magical is where it becomes elegant. In general, data visualisation is then naturally elegant because it magically compresses so much, from data processing to design prototypes. Filtering down all your labours, elegance become that reduction.\u201d<\/em><\/p>\n\n\n\n<p id=\"2408\">An important question posed in the discussion asked if elegance is an intrinsic quality to good design, or more of a perceived quality relative to the nature of the audience? Stephanie Tuerk wrote:<\/p>\n\n\n\n<p><em>\u201cThe general appreciation of elegance as we are mostly all discussing it here is very Eurocentric, most likely coming out of early 20th Century aesthetic doctrines (Modernism) that themselves were roughly inspired by developments in the sciences.\u201d<\/em><\/p>\n\n\n\n<p id=\"8d56\">When speaking about aesthetic opinions, we are clearly talking about personal taste shaped by cultural, societal and social influences. This creates fluidity in how one person might perceive the aesthetic quality of a design compared to somebody else. Will Chase said:<\/p>\n\n\n\n<p><em>\u201c\u2026aesthetic preferences vary hugely by region, culture, religion, upbringing, and just plain personal preference. The qualities that a lot of us link to elegance are likely very Eurocentric, which is no surprise given that most of the discussion in dataviz is dominated by people from US\/Europe. But I wonder how these translate to the rest of the world? Maybe there are certain qualities that are universal?<\/em><\/p>\n\n\n\n<p><em>I do think that by following traditional design teachings relating to typography, color, layout, etc., we can achieve a base level where most people would say \u201cthat looks nice\u201d. But in moving to the next level, where someone is totally wowed by the visuals, I can\u2019t see that there\u2019s any rules to follow. At that point, it\u2019s basically art, and something that I think is incredibly beautiful and elegant, someone else might say \u201ceh, it\u2019s kinda boring and old-timey\u201d.<\/em><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"720\" height=\"405\" src=\"https:\/\/i0.wp.com\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2021\/06\/image-2-1024x576.jpeg?resize=720%2C405&#038;ssl=1\" alt=\"\" class=\"wp-image-4876\" srcset=\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-2.jpeg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-2.jpeg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-2.jpeg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-2.jpeg?resize=1536%2C864&amp;ssl=1 1536w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-2.jpeg?resize=450%2C253&amp;ssl=1 450w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-2.jpeg?resize=1422%2C800&amp;ssl=1 1422w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-2.jpeg?resize=1360%2C765&amp;ssl=1 1360w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-2.jpeg?resize=800%2C450&amp;ssl=1 800w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-2.jpeg?resize=250%2C141&amp;ssl=1 250w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-2.jpeg?resize=550%2C309&amp;ssl=1 550w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-2.jpeg?resize=320%2C180&amp;ssl=1 320w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-2.jpeg?resize=533%2C300&amp;ssl=1 533w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-2.jpeg?resize=889%2C500&amp;ssl=1 889w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-2.jpeg?w=1920&amp;ssl=1 1920w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><figcaption>\u201c<a href=\"https:\/\/www.popsci.com\/article\/science\/life-cycle-ideas\/\"><em>The Accelerating Pace of Science<\/em><\/a>\u201d by Accurat for Popular Science<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4291\">Elegance is\u2026 STYLISTICALLY COHERENT<\/h2>\n\n\n\n<p id=\"d92a\">Jeff Harrison argued that the visual aesthetic of a work needs to transcend \u201c<em>just what I like<\/em>\u201d type judgments. An extension of the aforementioned aesthetic quality is to consider how it might tonally match the subject. The expectations of the audience with regards to the consistency of the look-and-feel of the work was another key strand. Ben Childs wrote:<\/p>\n\n\n\n<p><em>\u201cI would consider [elegance] as whatever tone is most appropriate for the context: There are times when elegant might be a bold, punchy and authoritative explanation and others where it may offer an intricate and lengthy exploration. Both are elegant executions in the correct context.\u201d<\/em><\/p>\n\n\n\n<p id=\"0008\">A key visual channel through which elegance manifests itself in visualisation is through the colour and typeface choices. Though people often have preferences for each, creating a style that is coherent with the nature of the subject \u2014 removing any cognitive obstacles to recognising the subject \u2014 was raised as an important matter. Will Chase added:<\/p>\n\n\n\n<p><em>\u201cI gravitate towards more muted or less \u2018aggressive\u2019 colors. But then I look at something like Nadieh Bremer\u2019s work, which isn\u2019t necessarily \u2018aggressive\u2019, but often makes use of lots of high-saturation colors, and I find it incredibly beautiful and elegant. Another example that comes to mind is \u2018<a href=\"https:\/\/www.imdb.com\/title\/tt4633694\/\">Into the Spiderverse<\/a>\u2019 (one of my favorite pieces of visual design in years)\u2026 it is also full of bright flashy comic-book style colors. I think it has a lot to do with how the piece fits as a whole and how the colors connect to the visual metaphor.\u201d<\/em><\/p>\n\n\n\n<p id=\"dca8\">Indeed, one might also choose to utilise these design choices to encourage a particular mood or emotional response depending on subject, audience and aims. In describing an example work that resonated with him \u2014 \u2018<a href=\"http:\/\/drones.pitchinteractive.com\/\">Drones<\/a>\u2019 by Pitch Interactive, Will Stahl Timmins said:<\/p>\n\n\n\n<p><em>\u201cIt\u2019s the animation that really makes it elegant though \u2014 the curved line representing the attack, the little explosion, and then the casualties being rammed downwards \u2018into the ground\u2019. It\u2019s the visual metaphor that I think is so successful, and the minimalistic visuals and restricted colour palette are exactly what\u2019s needed (and nothing more).\u201d<\/em><\/p>\n\n\n\n<p id=\"356d\">There is always a need to find the sweet spot, however. When the pursuit of elegance veers in to the territory of gratuitous&nbsp;<em>gimmick<\/em>,&nbsp;<em>fanciness<\/em>, or being&nbsp;<em>cool,&nbsp;<\/em>this can lead artificial appeal and a short-lived positive experience in the eyes of the viewer. As Elijah Meeks explained:<\/p>\n\n\n\n<p><em>\u201cAudiences tend to call anything spidery or with sweeping arcs \u2018elegant\u2019 \u2014 in general, anything that looks art nouveau \u2014 and I really think there\u2019s something to the aesthetic that can spur a person to think of it as more elegant even if it is cluttered or information-poor or otherwise something I might criticize.\u201d<\/em><\/p>\n\n\n\n<p id=\"87ba\">Bridget says that sometimes adding apparent \u2018junk\u2019 to a visual can make work more approachable to a given audience. <em>\u201cSome of it is also a mix of whimsy to evoke an emotional response,\u201d <\/em>she adds. This is fine when handled astutely, but in the wrong context, it can may impede the audience\u2019s trust in the work \u2014 that key first principle. I have plenty of anecdotal evidence of people not trusting a visualisation because it looks \u2018overly designed\u2019.<\/p>\n\n\n\n<p id=\"41dd\">A further aspect of being coherent through your design style concerns being consistent and conveying a sense of unified decision making. The whole thing should work as a whole thing: it should be harmonious, it should feel like a singular design aesthetic has been applied throughout, rather than a chaotic suite of different treatments. Stephanie Tuerk wrote:<\/p>\n\n\n\n<p><em>\u201cConceptual elegance\u2026 is the idea that all design decisions from\u2026 layout of components on the screen to the strategy for labeling elements stem from a common principle ie. the same idea creates both the whole and its parts \u2014 or informs design decisions at all of the different levels of details.\u201d<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4769\">Elegance is\u2026 REFINED<\/h2>\n\n\n\n<p id=\"9e64\">Perhaps acting as a useful counterbalance to the tonal style, a further branch of discussions related to somewhat more conservative terms, such as&nbsp;<em>economy<\/em>,&nbsp;<em>restraint, grace&nbsp;<\/em>and&nbsp;<em>neatness<\/em>.<\/p>\n\n\n\n<p id=\"72db\">This may not necessarily mean being free from superfluity \u2014 aka minimalism. Though the \u2018less is more\u2019 mantra (from Dieter Rams, Ludwig Mies Van Der Rohe, Tufte etc.) is still quite pervasive and, on occasion, entirely reasonable. Kelly Gilbert said:<\/p>\n\n\n\n<p><em>\u201cElegance, to me, isn\u2019t necessarily about economy but simplicity and refinement. In fashion, there is a quote widely attributed to Coco Chanel. Paraphrasing, it\u2019s something like \u201cBefore you leave the house, look in the mirror and remove one accessory.\u201d I think of this before publishing a viz: what \u2018accessory\u2019 (gridline, outline, label, cool-but-unnecessary chart or graphic\u2026) can I remove?\u201d<\/em><\/p>\n\n\n\n<p id=\"5bf3\">Perhaps a more sophisticated and flexible modern approach to the somewhat blunt notion of minimalism is that of \u201crefinement\u201d. What\u2019s important is editing and, at times, being courageous or restrained about what you should not include or attempt to do. It\u2019s about finding that moment \u2014 perhaps only through experience \u2014 where something just \u2018feels right\u2019. That leads me to one of my favourite German words,&nbsp;<em>fingerspitzengef\u00fchl<\/em>, which means having an intuitive flair or instinct \u2014 a \u2018finger tip feeling\u2019 where you&nbsp;<em>just know<\/em>.<\/p>\n\n\n\n<p id=\"2dcf\">Moritz Stefaner mentions another key German word for this discussion, \u201cpragnanz\u201d<em>,<\/em>&nbsp;as meaning \u201c<em>concise and on point, but also memorable and assertive\u2026 so, not minimal for minimalism\u2019s sake, but maximally effective with minimal effort<\/em>\u201d.<\/p>\n\n\n\n<p id=\"c0a6\">Refinement is about being decisive. Possessing the clarity of vision and caring for the little details. This conveys to your viewer that your work has been thought-through and thought-about.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"405\" src=\"https:\/\/i0.wp.com\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2021\/06\/image-3-1024x576.jpeg?resize=720%2C405&#038;ssl=1\" alt=\"\" class=\"wp-image-4877\" srcset=\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-3.jpeg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-3.jpeg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-3.jpeg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-3.jpeg?resize=1536%2C864&amp;ssl=1 1536w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-3.jpeg?resize=450%2C253&amp;ssl=1 450w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-3.jpeg?resize=1422%2C800&amp;ssl=1 1422w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-3.jpeg?resize=1360%2C765&amp;ssl=1 1360w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-3.jpeg?resize=800%2C450&amp;ssl=1 800w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-3.jpeg?resize=250%2C141&amp;ssl=1 250w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-3.jpeg?resize=550%2C309&amp;ssl=1 550w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-3.jpeg?resize=320%2C180&amp;ssl=1 320w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-3.jpeg?resize=533%2C300&amp;ssl=1 533w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-3.jpeg?resize=889%2C500&amp;ssl=1 889w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-3.jpeg?w=1920&amp;ssl=1 1920w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><figcaption><a href=\"http:\/\/www.project-ukko.net\/\">Project Ukko<\/a>, Moritz Stefaner, 2016<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"619e\">Elegance is\u2026 ACCESSIBLE<\/h2>\n\n\n\n<p id=\"adcc\">Whereas the preceding themes have focused more on ways that elegance contributes towards initial impressions, it was also suggested that elegance should be considered in relation to the function of a visualisation. Does it help to make a visualisation accessible: is it clearly understandable and as usable as possible, given the context in which it is required to function?<\/p>\n\n\n\n<p id=\"e34f\">When discussing visualisation design principles, I tend to create distinction between such concerns around accessibility from those of elegance, perhaps echoing the traditional fault lines of&nbsp;<em>function<\/em>&nbsp;and&nbsp;<em>form<\/em>. Inevitably,&nbsp;<em>elegance<\/em>&nbsp;can and will overlap with&nbsp;<em>accessibility<\/em>, as many observed in the discussion. DVS member \u2018Gorm\u2019 expressed the idea that elegance covers both of these principles:<\/p>\n\n\n\n<p><em>\u201cThere are two competing requirements for elegance in data viz: Data viz needs first to get a pass by the senses before it even gets a chance to \u201csink in\u201d with our logical and conceptual system \u2014 visual elegance opens the door, functional elegance then kicks in.\u201d<\/em><\/p>\n\n\n\n<p id=\"e161\">The pursuit of elegance should not be at the cost of&nbsp;<em>accessibility<\/em>, though it often is, as explained by Liz Gilleran:<\/p>\n\n\n\n<p><em>\u201cI\u2019m a UX designer mostly and a lot of us will groan about elegant designs that were unusable and useless or downright discriminatory because they favour the most able-bodied amongst us.\u201d<\/em><\/p>\n\n\n\n<p id=\"86aa\">I totally agree with the idea that the pursuit of elegance can undermine use.&nbsp;If, in your pursuit of elegance, you decide to remove what was a key piece of text because it broke the visual rhythm of a layout, then that is a compromise that will jeopardise the overall effectiveness. Elegance and accessibility are intertwined, positively and negatively. I can think of many examples where so much has been added to help the reader understand a chart, but in doing so the overall elegance was undermined. Another dimension of the interchangeability of terms relates to the relative complexity of your content. Joshua Smith remarks:<\/p>\n\n\n\n<p><em>\u201cWe need to account for complexity, and make sure we\u2019re showing&nbsp;<strong>both<\/strong>&nbsp;a coherent and consistent view of the data (those two terms I\u2019ve stolen from literature theory\u2019s concept of normalization).<\/em><\/p>\n\n\n\n<p><em>Simpson\u2019s paradox is a great example: if I show just the aggregate, I\u2019m delivering something simple, but I\u2019m not matching the complexity of the data and questions. If I show the granular data, I might be matching the complexity but I\u2019m not delivering something simple. However, a dashboard that allows some cross-filtering between visualizations that makes Simpson\u2019s Paradox at bit more apparent makes the complexity approachable in simplicity. That\u2019s how I think of elegance.\u201d<\/em><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"868\" src=\"https:\/\/i0.wp.com\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2021\/06\/image-19-849x1024.png?resize=720%2C868&#038;ssl=1\" alt=\"\" class=\"wp-image-4878\" srcset=\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?resize=849%2C1024&amp;ssl=1 849w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?resize=249%2C300&amp;ssl=1 249w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?resize=768%2C926&amp;ssl=1 768w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?resize=1274%2C1536&amp;ssl=1 1274w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?resize=1698%2C2048&amp;ssl=1 1698w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?resize=450%2C543&amp;ssl=1 450w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?resize=663%2C800&amp;ssl=1 663w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?resize=1360%2C1640&amp;ssl=1 1360w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?resize=800%2C965&amp;ssl=1 800w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?resize=2000%2C2412&amp;ssl=1 2000w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?resize=250%2C301&amp;ssl=1 250w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?resize=550%2C663&amp;ssl=1 550w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?resize=149%2C180&amp;ssl=1 149w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?resize=415%2C500&amp;ssl=1 415w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-19.png?w=1440&amp;ssl=1 1440w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><figcaption>\u201c<a href=\"https:\/\/web.northeastern.edu\/naturalizing-immigration-dataviz\/\">Simulated Dendrochronology of U.S. Immigration<\/a>\u201d by Pedro Cruz, John Wihbey, Avni Ghael, and Felipe Shibuya. CAMD, Northeastern University<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"5138\">Elegance is\u2026 FUNCTIONALLY DELIGHTFUL<\/h2>\n\n\n\n<p id=\"45e3\">Building on the discussion about the usability of a visualisation, some commenters went further to suggest elegance is not just about something doing what it was intended to do, but does it do this well? Jason Forrest remarked:<\/p>\n\n\n\n<p><em>\u201cI\u2019d argue that elegance actually is something that separates usable UX design from delightful UX design.\u201d<\/em><\/p>\n\n\n\n<p id=\"8d17\">Moritz Stefaner adds that a&nbsp;<em>solution<\/em>&nbsp;is more elegant than a&nbsp;<em>thing<\/em>&nbsp;\u2014 \u201cit picks up the fact that a great solution needs to be found given certain objectives and production constraints\u201d. Many commentators discussed parallels with mathematical or programmatic elegance \u2014 performing operations in most efficient way (often minimal) \u2014 or verbal elegance \u2014 getting straight to the point. Dino Citraro wrote:<\/p>\n\n\n\n<p><em>\u201cI think an elegant design resolves and accomplishes the desired functionality, while meeting and overcoming the constraints in a simple and uplifting way.\u201d<\/em><\/p>\n\n\n\n<p id=\"3b07\">Words like&nbsp;<em>ingenuity<\/em>,&nbsp;<em>efficiency<\/em>,&nbsp;<em>economical<\/em>,&nbsp;<em>effortless<\/em>,&nbsp;<em>optimised<\/em>&nbsp;kept cropping up in the context of \u2018solution\u2019. What was interesting that&nbsp;<em>perfect<\/em>&nbsp;never did, perhaps reflecting that there is no such thing in visualisation. DVS member Ahmad said:<\/p>\n\n\n\n<p><em>\u201cI would define this as being efficient and effective in communicating the story that the data contains, but in a way that would not necessarily be immediately obvious \u2014 ie. a degree of ingenuity or creativity was necessary to achieve its apparent simplicity.\u201d<\/em><\/p>\n\n\n\n<p id=\"f83b\">Nicole Edmonds adds that \u201celegance should have an air of effortlessness, in the \u2018they make it looks so easy\u2019 kind of way.\u201d This makes me think of different contexts, like sport where you witness the elegance of performers like Roger Federer (with his super-smooth tennis action), or Kane Williamson (with his impeccable batting technique) or Rose Lavelle (with her graceful midfield creativity in football).<\/p>\n\n\n\n<p id=\"81c8\"><em>Efficiency<\/em>&nbsp;seemed to be a contentious choice, as this word can have utilitarian connotations and might be more attached to things doing the bare minimum, whereas the focus of most people\u2019s thought here was about&nbsp;<em>exceeding<\/em>,&nbsp;<em>surpassing<\/em>, and&nbsp;<em>surprising<\/em>&nbsp;efficiency \u2014 efficiency that is observed, experienced and appreciated? Joshua Smith said:<\/p>\n\n\n\n<p><em>\u201cElegance combines grace and beauty, but also ingenuity through simplicity. I think good analytics matches the complexity of the problem, but is simple in delivery &#8211; I see elegance as sort of mapping from the complex to the simple.\u201d<\/em><\/p>\n\n\n\n<p id=\"8abf\">Functional elegance in data visualisation also has a lot to do with visual hierarchy. As Alan Wilson observes,&nbsp;<em>\u201cit\u2019s the art of guiding a viewers eye through the many layers of a visualization one-by-one, instead of hitting them with everything all at once\u201d<\/em>. Lord agreed:<\/p>\n\n\n\n<p><em>\u201cThe first thing that sprung to my mind was Occam&#8217;s Razor that states that entities should not be multiplied without necessity. This doesn&#8217;t mean a solution has to be simple&#8230; But that it needs to fit the problem gracefully. It shouldn&#8217;t feel clunky and unwieldy or sparse and difficult to connect with&#8230; It works with that feeling of &#8220;that&#8217;s it &#8212; everything makes sense&#8230; I couldn&#8217;t have put it better.&#8221;<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"409c\">Elegance is\u2026 NOTICEABLE WHEN ABSENT<\/h2>\n\n\n\n<p id=\"8105\">To close this discussion, here\u2019s a somewhat inverted perspective: elegance is most noticeable when it is missing.<\/p>\n\n\n\n<p id=\"19a3\">Perhaps we can become complacent with elegant things. As expectations rise, well-conceived, well-executed and well-performing designs become so natural and automatically engaged-with that we can take them for granted. Perhaps the greatest compliment towards acknowledging the effective pursuit of elegance is when it is seamlessly invisible. Faizel Mohammed added:<\/p>\n\n\n\n<p><em>\u201cMaybe elegance in data visualisation is like a hygiene factor (especially for practitioners): you don\u2019t notice it if it\u2019s done well, but miss it if it is not there!\u201d<\/em><\/p>\n\n\n\n<p id=\"3c79\">According to Oren Bahari, the absence of elegance is often easier to recognise when it comes to identifying design problems:<\/p>\n\n\n\n<p><em>\u201cMy thoughts immediately go to the opposite of elegance: when there may be lots of effort contrasted with things like \u2018junk\u2019 in loading\/animation, messy layouts, eye-piercing colours, cryptic information and [use of the font] Comic Sans.\u201d<\/em><\/p>\n\n\n\n<p id=\"b719\">And it is another quote from Oren Bahari that I will use to close out this reflection. A lovely clean summary of the mysterious alchemy that lies behind elegance:<\/p>\n\n\n\n<p><em>\u201c[Inelegance] seems to be avoided with experience and feedback, which makes me think that&nbsp;elegance is mastery masked in simplicity.\u201d<\/em><\/p>\n\n\n\n<p><p>\u00a0<span style=\"font-size: inherit; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif;\"> <\/span><em>Thank you to everyone who participated in this discussion and for Duncan Geere\u2019s editorial support.<\/em><\/p><\/p>\n<div class=\"cats\"><span class=\"cats__title\">Categories<\/span><a href=\"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/data-art\/\" rel=\"category tag\">Data Art<\/a> <a href=\"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/data-humanism\/\" rel=\"category tag\">Data Humanism<\/a> <a href=\"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/data-literacy\/\" rel=\"category tag\">Data Literacy<\/a> <a href=\"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/design\/\" rel=\"category tag\">Design<\/a> <a href=\"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/\" rel=\"category tag\">Topics in Dataviz<\/a><\/div><div class=\"tags\"><div class=\"tags__title\">Tags<\/div><a href=\"https:\/\/nightingaledvs.com\/tag\/data-art\/\" rel=\"tag\">Data Art<\/a><a href=\"https:\/\/nightingaledvs.com\/tag\/data-humanism\/\" rel=\"tag\">Data Humanism<\/a><a href=\"https:\/\/nightingaledvs.com\/tag\/data-literacy\/\" rel=\"tag\">Data Literacy<\/a><a href=\"https:\/\/nightingaledvs.com\/tag\/data-storytelling\/\" rel=\"tag\">data storytelling<\/a><a href=\"https:\/\/nightingaledvs.com\/tag\/data-visualization\/\" rel=\"tag\">Data Visualization<\/a><a href=\"https:\/\/nightingaledvs.com\/tag\/design\/\" rel=\"tag\">Design<\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>On a dedicated channel, #dvs-topics-in-data-viz, in the Data Visualization Society Slack, our members discuss questions and issues pertinent to the field of data visualization. Discussion..<\/p>\n","protected":false},"author":43,"featured_media":4881,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","cybocfi_hide_featured_image":"","_jetpack_memberships_contains_paid_content":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[53,50,51,184,48],"tags":[155,216,161,204,35,43],"class_list":["post-4872","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-data-art","category-data-humanism","category-data-literacy","category-design","category-topics-in-dv","tag-data-art","tag-data-humanism","tag-data-literacy","tag-data-storytelling","tag-data-visualization","tag-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What Makes A Data Visualisation Elegant? | Nightingale<\/title>\n<meta name=\"description\" content=\"Elegance is a design concept I have always found hard to define, especially in relation to data visualisation. I know when I see something that is elegant. I also know when this quality is absent. But it is often hard to articulate why. It lacks definition, which makes it hard to control, hard to explain, and hard to pursue.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What Makes A Data Visualisation Elegant? - Nightingale\" \/>\n<meta property=\"og:description\" content=\"Elegance is a design concept I have always found hard to define, especially in relation to data visualisation. I know when I see something that is elegant. I also know when this quality is absent. But it is often hard to articulate why. It lacks definition, which makes it hard to control, hard to explain, and hard to pursue.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/\" \/>\n<meta property=\"og:site_name\" content=\"Nightingale\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-12T02:58:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-07T22:26:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Andy-Kirk-scaled.jpeg?fit=2560%2C1195&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1195\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Andy Kirk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andy Kirk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/\"},\"author\":{\"name\":\"Andy Kirk\",\"@id\":\"https:\/\/nightingaledvs.com\/#\/schema\/person\/83715b3354f259ef344e473573a35c29\"},\"headline\":\"What Makes A Data Visualisation Elegant?\",\"datePublished\":\"2019-09-12T02:58:21+00:00\",\"dateModified\":\"2021-06-07T22:26:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/\"},\"wordCount\":2912,\"publisher\":{\"@id\":\"https:\/\/nightingaledvs.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Andy-Kirk-scaled.jpeg?fit=2560%2C1195&ssl=1\",\"keywords\":[\"Data Art\",\"Data Humanism\",\"Data Literacy\",\"data storytelling\",\"Data Visualization\",\"Design\"],\"articleSection\":[\"Data Art\",\"Data Humanism\",\"Data Literacy\",\"Design\",\"Topics in Dataviz\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/\",\"url\":\"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/\",\"name\":\"What Makes A Data Visualisation Elegant? - Nightingale\",\"isPartOf\":{\"@id\":\"https:\/\/nightingaledvs.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Andy-Kirk-scaled.jpeg?fit=2560%2C1195&ssl=1\",\"datePublished\":\"2019-09-12T02:58:21+00:00\",\"dateModified\":\"2021-06-07T22:26:40+00:00\",\"description\":\"Elegance is a design concept I have always found hard to define, especially in relation to data visualisation. I know when I see something that is elegant. I also know when this quality is absent. But it is often hard to articulate why. It lacks definition, which makes it hard to control, hard to explain, and hard to pursue.\",\"breadcrumb\":{\"@id\":\"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Andy-Kirk-scaled.jpeg?fit=2560%2C1195&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Andy-Kirk-scaled.jpeg?fit=2560%2C1195&ssl=1\",\"width\":2560,\"height\":1195,\"caption\":\"\u201cA Noxious Problem\u201d by Federica Fragapane\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nightingaledvs.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What Makes A Data Visualisation Elegant?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nightingaledvs.com\/#website\",\"url\":\"https:\/\/nightingaledvs.com\/\",\"name\":\"Nightingale\",\"description\":\"The Journal of the Data Visualization Society\",\"publisher\":{\"@id\":\"https:\/\/nightingaledvs.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nightingaledvs.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/nightingaledvs.com\/#organization\",\"name\":\"Nightingale\",\"url\":\"https:\/\/nightingaledvs.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nightingaledvs.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/05\/logoDVS-5.png?fit=1988%2C454&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/05\/logoDVS-5.png?fit=1988%2C454&ssl=1\",\"width\":1988,\"height\":454,\"caption\":\"Nightingale\"},\"image\":{\"@id\":\"https:\/\/nightingaledvs.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/nightingaledvs.com\/#\/schema\/person\/83715b3354f259ef344e473573a35c29\",\"name\":\"Andy Kirk\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nightingaledvs.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/91d2ef85d154942a0077176afa817d8787a97f47704cf348ca4a83691c3263d1?s=96&d=monsterid&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/91d2ef85d154942a0077176afa817d8787a97f47704cf348ca4a83691c3263d1?s=96&d=monsterid&r=g\",\"caption\":\"Andy Kirk\"},\"description\":\"Data visualisation designer, consultant, trainer, lecturer, author, speaker, and editor of visualisingdata.com.\",\"url\":\"https:\/\/nightingaledvs.com\/author\/andy_kirk\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What Makes A Data Visualisation Elegant? | Nightingale","description":"Elegance is a design concept I have always found hard to define, especially in relation to data visualisation. I know when I see something that is elegant. I also know when this quality is absent. But it is often hard to articulate why. It lacks definition, which makes it hard to control, hard to explain, and hard to pursue.","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:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/","og_locale":"en_US","og_type":"article","og_title":"What Makes A Data Visualisation Elegant? - Nightingale","og_description":"Elegance is a design concept I have always found hard to define, especially in relation to data visualisation. I know when I see something that is elegant. I also know when this quality is absent. But it is often hard to articulate why. It lacks definition, which makes it hard to control, hard to explain, and hard to pursue.","og_url":"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/","og_site_name":"Nightingale","article_published_time":"2019-09-12T02:58:21+00:00","article_modified_time":"2021-06-07T22:26:40+00:00","og_image":[{"width":2560,"height":1195,"url":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Andy-Kirk-scaled.jpeg?fit=2560%2C1195&ssl=1","type":"image\/jpeg"}],"author":"Andy Kirk","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Andy Kirk","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/#article","isPartOf":{"@id":"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/"},"author":{"name":"Andy Kirk","@id":"https:\/\/nightingaledvs.com\/#\/schema\/person\/83715b3354f259ef344e473573a35c29"},"headline":"What Makes A Data Visualisation Elegant?","datePublished":"2019-09-12T02:58:21+00:00","dateModified":"2021-06-07T22:26:40+00:00","mainEntityOfPage":{"@id":"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/"},"wordCount":2912,"publisher":{"@id":"https:\/\/nightingaledvs.com\/#organization"},"image":{"@id":"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Andy-Kirk-scaled.jpeg?fit=2560%2C1195&ssl=1","keywords":["Data Art","Data Humanism","Data Literacy","data storytelling","Data Visualization","Design"],"articleSection":["Data Art","Data Humanism","Data Literacy","Design","Topics in Dataviz"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/","url":"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/","name":"What Makes A Data Visualisation Elegant? - Nightingale","isPartOf":{"@id":"https:\/\/nightingaledvs.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/#primaryimage"},"image":{"@id":"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Andy-Kirk-scaled.jpeg?fit=2560%2C1195&ssl=1","datePublished":"2019-09-12T02:58:21+00:00","dateModified":"2021-06-07T22:26:40+00:00","description":"Elegance is a design concept I have always found hard to define, especially in relation to data visualisation. I know when I see something that is elegant. I also know when this quality is absent. But it is often hard to articulate why. It lacks definition, which makes it hard to control, hard to explain, and hard to pursue.","breadcrumb":{"@id":"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/#primaryimage","url":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Andy-Kirk-scaled.jpeg?fit=2560%2C1195&ssl=1","contentUrl":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Andy-Kirk-scaled.jpeg?fit=2560%2C1195&ssl=1","width":2560,"height":1195,"caption":"\u201cA Noxious Problem\u201d by Federica Fragapane"},{"@type":"BreadcrumbList","@id":"https:\/\/nightingaledvs.com\/what-makes-a-data-visualisation-elegant\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nightingaledvs.com\/"},{"@type":"ListItem","position":2,"name":"What Makes A Data Visualisation Elegant?"}]},{"@type":"WebSite","@id":"https:\/\/nightingaledvs.com\/#website","url":"https:\/\/nightingaledvs.com\/","name":"Nightingale","description":"The Journal of the Data Visualization Society","publisher":{"@id":"https:\/\/nightingaledvs.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nightingaledvs.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/nightingaledvs.com\/#organization","name":"Nightingale","url":"https:\/\/nightingaledvs.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nightingaledvs.com\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/05\/logoDVS-5.png?fit=1988%2C454&ssl=1","contentUrl":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/05\/logoDVS-5.png?fit=1988%2C454&ssl=1","width":1988,"height":454,"caption":"Nightingale"},"image":{"@id":"https:\/\/nightingaledvs.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/nightingaledvs.com\/#\/schema\/person\/83715b3354f259ef344e473573a35c29","name":"Andy Kirk","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nightingaledvs.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/91d2ef85d154942a0077176afa817d8787a97f47704cf348ca4a83691c3263d1?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/91d2ef85d154942a0077176afa817d8787a97f47704cf348ca4a83691c3263d1?s=96&d=monsterid&r=g","caption":"Andy Kirk"},"description":"Data visualisation designer, consultant, trainer, lecturer, author, speaker, and editor of visualisingdata.com.","url":"https:\/\/nightingaledvs.com\/author\/andy_kirk\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Andy-Kirk-scaled.jpeg?fit=2560%2C1195&ssl=1","jetpack-related-posts":[{"id":4506,"url":"https:\/\/nightingaledvs.com\/data-visualization-for-audiences-in-low-middle-income-countries\/","url_meta":{"origin":4872,"position":0},"title":"Visualizing Data for Audiences in Low &#038; Middle-Income Countries","author":"Tricia Aung","date":"July 11, 2019","format":false,"excerpt":"On a dedicated channel, #dvs-topics-in-data-viz, in the Data Visualization Society Slack, our members discuss questions and issues pertinent to the field of data visualization. Discussion topics rotate every two weeks, and while subjects vary, each one challenges our members to think deeply and holistically about questions that affect the field\u2026","rel":"","context":"In &quot;Data Humanism&quot;","block_context":{"text":"Data Humanism","link":"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/data-humanism\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/05\/image-57-scaled.jpeg?fit=1200%2C798&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/05\/image-57-scaled.jpeg?fit=1200%2C798&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/05\/image-57-scaled.jpeg?fit=1200%2C798&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/05\/image-57-scaled.jpeg?fit=1200%2C798&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/05\/image-57-scaled.jpeg?fit=1200%2C798&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":5126,"url":"https:\/\/nightingaledvs.com\/why-we-find-joy-and-value-in-creating-data-visualization\/","url_meta":{"origin":4872,"position":1},"title":"Why We Find Joy and Value in Creating Data Visualizations","author":"Alexandra Khoo","date":"August 28, 2019","format":false,"excerpt":"I don\u2019t know about you, but when something piques my interest \u2014 TV tropes, color theory, the life-changing magic of tidying up, anything \u2014 I have to wrap my mind around the \u201cshape\u201d of the related knowledge. I get sucked into reading (or listening to) whatever I can about the\u2026","rel":"","context":"In &quot;All Stories&quot;","block_context":{"text":"All Stories","link":"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/all-stories\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/1_WGGf7GMGWYQ50HmZk0g1Bw.png?fit=1200%2C1189&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/1_WGGf7GMGWYQ50HmZk0g1Bw.png?fit=1200%2C1189&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/1_WGGf7GMGWYQ50HmZk0g1Bw.png?fit=1200%2C1189&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/1_WGGf7GMGWYQ50HmZk0g1Bw.png?fit=1200%2C1189&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/1_WGGf7GMGWYQ50HmZk0g1Bw.png?fit=1200%2C1189&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":11058,"url":"https:\/\/nightingaledvs.com\/spotlight-how-to-say-i-love-you-with-a-graphic\/","url_meta":{"origin":4872,"position":2},"title":"SPOTLIGHT: How to Say \u2018I Love You\u2019 with a Graphic","author":"Alberto Molina","date":"April 27, 2022","format":false,"excerpt":"For the past two years, the data visualization narratives we\u2019ve become familiar with infection curves, maps of health zones, and models of how the virus works. There are less visible, but no less real, stories. These tales feature our day-to-day lives, more abstract, and less measurable: what do you want?\u2026","rel":"","context":"In &quot;Community&quot;","block_context":{"text":"Community","link":"https:\/\/nightingaledvs.com\/.\/community\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/04\/i-love-you-02-1.png?fit=1200%2C923&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/04\/i-love-you-02-1.png?fit=1200%2C923&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/04\/i-love-you-02-1.png?fit=1200%2C923&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/04\/i-love-you-02-1.png?fit=1200%2C923&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/04\/i-love-you-02-1.png?fit=1200%2C923&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":18269,"url":"https:\/\/nightingaledvs.com\/ethical-data-visualization-tells-the-human-story\/","url_meta":{"origin":4872,"position":3},"title":"Beyond Numbers: How Ethical Data Visualization Tells the Human Story","author":"Emily Barone","date":"August 17, 2023","format":false,"excerpt":"If you fail to show the human behind the data, you risk telling an incomplete and misleading tale, devoid of crucial information.","rel":"","context":"In &quot;Data Humanism&quot;","block_context":{"text":"Data Humanism","link":"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/data-humanism\/"},"img":{"alt_text":"A bubble chart of migrants, where the each bubble is colored by place of origin and the size of the bubble is the number of migrants.","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2023\/08\/migrants.jpg?fit=1200%2C808&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2023\/08\/migrants.jpg?fit=1200%2C808&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2023\/08\/migrants.jpg?fit=1200%2C808&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2023\/08\/migrants.jpg?fit=1200%2C808&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2023\/08\/migrants.jpg?fit=1200%2C808&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":5053,"url":"https:\/\/nightingaledvs.com\/how-can-data-visualization-improve-local-conditions\/","url_meta":{"origin":4872,"position":4},"title":"How Can Data Visualization Improve Local Conditions?","author":"Andy Krackov","date":"November 7, 2019","format":false,"excerpt":"On a dedicated channel, #dvs-topics-in-data-viz, in the Data Visualization Society Slack, our members discuss questions and issues pertinent to the field of data visualization. Discussion topics rotate every two weeks, and while subjects vary, each one challenges our members to think deeply and holistically about questions that affect the field\u2026","rel":"","context":"In &quot;Data Humanism&quot;","block_context":{"text":"Data Humanism","link":"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/data-humanism\/"},"img":{"alt_text":"Data Visualization has been leveraged to create local change across the globe","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-32-scaled.jpeg?fit=1200%2C514&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-32-scaled.jpeg?fit=1200%2C514&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-32-scaled.jpeg?fit=1200%2C514&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-32-scaled.jpeg?fit=1200%2C514&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/image-32-scaled.jpeg?fit=1200%2C514&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":7231,"url":"https:\/\/nightingaledvs.com\/information-empowerment-is-a-universal-theory-for-data-design-part-1\/","url_meta":{"origin":4872,"position":5},"title":"Information Empowerment is a Universal Theory for Data Design, Part 1","author":"Mary Aviles","date":"September 15, 2021","format":false,"excerpt":"Part one of a six-part series on the application of design thinking for data practitioners, business intelligence analysts, researchers, and anyone working with data. Jason comes from a design background. Mary comes from a user experience background. Jason is a 'data IS' person. Mary is a 'data ARE' person. Inevitably,\u2026","rel":"","context":"In &quot;Business Intelligence&quot;","block_context":{"text":"Business Intelligence","link":"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/business-intelligence\/"},"img":{"alt_text":"Information Empowerment - part 1","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/09\/INfo-Empowerment-1.3-scaled.jpg?fit=1200%2C800&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/09\/INfo-Empowerment-1.3-scaled.jpg?fit=1200%2C800&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/09\/INfo-Empowerment-1.3-scaled.jpg?fit=1200%2C800&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/09\/INfo-Empowerment-1.3-scaled.jpg?fit=1200%2C800&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/09\/INfo-Empowerment-1.3-scaled.jpg?fit=1200%2C800&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/pd2dsI-1gA","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/posts\/4872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/comments?post=4872"}],"version-history":[{"count":0,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/posts\/4872\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/media\/4881"}],"wp:attachment":[{"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/media?parent=4872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/categories?post=4872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/tags?post=4872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}