{"id":327,"date":"2021-01-19T21:48:28","date_gmt":"2021-01-19T21:48:28","guid":{"rendered":"https:\/\/www.cybermosaic.co.uk\/?p=327"},"modified":"2021-01-22T09:02:16","modified_gmt":"2021-01-22T09:02:16","slug":"data-visualisation-making-the-invisible-visible","status":"publish","type":"post","link":"https:\/\/www.cybermosaic.co.uk\/?p=327","title":{"rendered":"Data Visualisation &#8211; Making the Invisible, Visible"},"content":{"rendered":"\n<p>I attended a fantastic Royal Institution&nbsp;event today &#8211; Data visualisation: seeing, sensing, stimulating from &nbsp;Valentina D&#8217;Efilippo &#8211; @defilippovale<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"http:\/\/www.cybermosaic.co.uk\/wp-content\/uploads\/2021\/01\/ri_data_vis-1024x565.png\" alt=\"\" class=\"wp-image-328\" width=\"575\" height=\"317\" srcset=\"https:\/\/www.cybermosaic.co.uk\/wp-content\/uploads\/2021\/01\/ri_data_vis-1024x565.png 1024w, https:\/\/www.cybermosaic.co.uk\/wp-content\/uploads\/2021\/01\/ri_data_vis-300x165.png 300w, https:\/\/www.cybermosaic.co.uk\/wp-content\/uploads\/2021\/01\/ri_data_vis-768x424.png 768w, https:\/\/www.cybermosaic.co.uk\/wp-content\/uploads\/2021\/01\/ri_data_vis-1536x847.png 1536w, https:\/\/www.cybermosaic.co.uk\/wp-content\/uploads\/2021\/01\/ri_data_vis.png 1882w\" sizes=\"(max-width: 575px) 100vw, 575px\" \/><\/figure>\n\n\n\n<p>It started with a historical context and problem solving in the 1800&#8217;s.&nbsp;John Snow mapped the outbreak of cholera in Soho and noticed the proximity of high infection rates to certain street water pumps.&nbsp;Concentrations around Broad Street (todays Broadwick Street) were observed as a source of the disease which was confirmed when the pump handle was removed. Also note worthy were the lack of cases at the nearby brewery proving the health benefits of beer? A great early use of data science and visualisation.<\/p>\n\n\n\n<p>Giving more modern examples, a plethora of&nbsp;Covid 19 data visualisation charts were shown and the importance of these in telling the story of what is happening. The &#8220;flatten the curve&#8221; charts have been a really good visualisation and story telling vehicle with great impactful on policy and the public response.<\/p>\n\n\n\n<p>Overall the importance of both hearts and minds was emphasised by the emphasis on both the Science and Art. The science comprising of data and statistics. The art more concerned with graphic design and visual story telling.<\/p>\n\n\n\n<p>A few other noteworthy things to follow up in my notes:<\/p>\n\n\n\n<p>William Playfair \u2013 The inventor of modern pie charts \/ graphing \/ charting<\/p>\n\n\n\n<p>Global warming colour spectrum &nbsp;\u2013 a colour plot telling the compelling story of climate change<\/p>\n\n\n\n<p>Data Design Principles<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Data &#8211; as creative material<\/li><li>Design &#8211; as a tool to aid understanding<\/li><\/ul>\n\n\n\n<p>3 steps to an impactful visualisation:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>See &#8211; make data visible<\/li><li>Sense &nbsp;&#8211; the implications should be clear<\/li><li>Stimulate &#8211; the data should drive action<\/li><\/ul>\n\n\n\n<p>The presenter has produce a book: &nbsp;Infographic History of the World \u2013 book by the author<\/p>\n\n\n\n<p>She gave three examples<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Example 1<\/h3>\n\n\n\n<p>Which was the most significant war \u2013 133 wars 95 M deaths<br>She used inspiration from science, art, nature<br>Looking at Poppy and its significance \u2013 using flower size, stem length and height to represent the data<\/p>\n\n\n\n<p>See&nbsp;<a href=\"http:\/\/poppyfield.org\/\">http:\/\/poppyfield.org<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Example 2<\/h3>\n\n\n\n<p>What would music look like through data visualisation?<\/p>\n\n\n\n<p>Using David Bowie for inspiration and his song Space Oddity which in turn was influenced by the film 2001 &nbsp;a Space Odessy and by the 1960&#8217;s Apollo Moon missions. Some of the techniques used included:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Zoom into the grooves!<\/li><li>Major Tom and Ground Control characters represented and their distance apart<\/li><li>Visual form to the music itself<\/li><\/ul>\n\n\n\n<p>Overall the data was the vehicle to explain human experiences.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Example 3<\/h3>\n\n\n\n<p>Social Media force for change &#8211; MeToomentum.com from the impactful movement from the&nbsp;Alyssa Milano tweet @Alyssa_Milano<\/p>\n\n\n\n<p>The visualisation used the Dandelion metaphor with the following attirbutes<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Spreading \u2013 geography<\/li><li>Rooting \u2013 what themes \/ what \/ where \/ who<\/li><li>Trending \u2013 popularity \u2013 loudest voices \/ re-tweets \/ followers<\/li><\/ul>\n\n\n\n<p>A powerful way to show &#8211; <strong>creators have the power to shape the way others understand the world!<\/strong><\/p>\n\n\n\n<p>A great summary at the end &#8211; data visualisation provides a snapshot of a complex world<\/p>\n\n\n\n<p>@defilippovale<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Question and answers session:<\/h3>\n\n\n\n<p>Dataforc<br>hange \u2013 hear the blind spot \u2013 google search this \u2013 bring data to life through sound<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-densitydesign-lab wp-block-embed-densitydesign-lab\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"epg6HT7Qmw\"><a href=\"https:\/\/densitydesign.org\/person\/paolo-ciuccarelli\/\">Paolo Ciuccarelli<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Paolo Ciuccarelli&#8221; &#8212; DensityDesign Lab\" src=\"https:\/\/densitydesign.org\/person\/paolo-ciuccarelli\/embed\/#?secret=epg6HT7Qmw\" data-secret=\"epg6HT7Qmw\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>First thing to do when creating a visualisation:<\/p>\n\n\n\n<p>Who are we talking to and what are we trying to do?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tools<\/h3>\n\n\n\n<p>Visualisation book \u2013 Excel \/ Adobe Illustrator<\/p>\n\n\n\n<p>For the websites and other projects::<\/p>\n\n\n\n<p>E3 \u2013 javascript library and SVG\u2019s<\/p>\n\n\n\n<p>Tableau<\/p>\n\n\n\n<p>Datagraph<\/p>\n\n\n\n<p>Dataillustrator Beta<\/p>\n\n\n\n<p>Rawgraph.io<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Data visualisation: seeing, sensing, stimulating | Valentina D&#039;Efilippo\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/gK8x6GFuprQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Also interesting <\/p>\n\n\n\n<p>Mapping disease: John Snow and Cholera:<\/p>\n\n\n\n<p><a href=\"https:\/\/www.rcseng.ac.uk\/library-and-publications\/library\/blog\/mapping-disease-john-snow-and-cholera\/\">https:\/\/www.rcseng.ac.uk\/library-and-publications\/library\/blog\/mapping-disease-john-snow-and-cholera\/<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I attended a fantastic Royal Institution&nbsp;event today &#8211; Data visualisation: seeing, sensing, stimulating from &nbsp;Valentina D&#8217;Efilippo &#8211; @defilippovale It started with a historical context and problem solving in the 1800&#8217;s.&nbsp;John Snow mapped the outbreak of cholera in Soho and noticed the proximity of high infection rates to certain street water pumps.&nbsp;Concentrations around Broad Street (todays [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[13],"tags":[16],"class_list":["post-327","post","type-post","status-publish","format-standard","hentry","category-c19","tag-data-visualisation"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.cybermosaic.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermosaic.co.uk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermosaic.co.uk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermosaic.co.uk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermosaic.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=327"}],"version-history":[{"count":5,"href":"https:\/\/www.cybermosaic.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/327\/revisions"}],"predecessor-version":[{"id":342,"href":"https:\/\/www.cybermosaic.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/327\/revisions\/342"}],"wp:attachment":[{"href":"https:\/\/www.cybermosaic.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermosaic.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermosaic.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}