data visualisation and infographic design: 'state of the union
DESCRIPTION
Talk given by Andy Kirk at the 'Design of Understanding' 2014 conference.TRANSCRIPT
![Page 1: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/1.jpg)
PROJECTS STORYTELLING INFOGRAPHICS
ISSUES MARKETPLACE
TECHNIQUES
TECHNOLOGY 2014 & BEYOND
DATA VISUALISATION AND INFOGRAPHIC DESIGN: ‘STATE OF THE UNION’
Andy Kirk @visualisingdata
![Page 2: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/2.jpg)
Slightly moody 22 year old worship artist from Nashville, TN Journeyman Northern Irish footballer coming to the end of his career
Renowned jazz saxophonist and bandleader Self-proclaimed data visualisation specialist
Andy Kirk Andy Kirk Andy Kirk Andy Kirk
INTRO You decide which one is me…
![Page 3: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/3.jpg)
PROJECTS
![Page 4: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/4.jpg)
http://www.nytimes.com/interactive/2013/12/20/sunday-review/dialect-quiz-map.html?_r=0
PROJECTS Dialect Quiz Map | New York Times
![Page 5: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/5.jpg)
http://guns.periscopic.com/
PROJECTS US Gun Murders | Periscopic
![Page 6: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/6.jpg)
http://bklynr.com/block-by-block-brooklyns-past-and-present/
PROJECTS Brooklyn’s Past and Present | BKLYNR
![Page 7: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/7.jpg)
http://labratrevenge.com/pdx/
PROJECTS The Age of a City | Justin Palmer
![Page 8: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/8.jpg)
http://earth.nullschool.net/
PROJECTS Earth | Cameron Beccario
![Page 9: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/9.jpg)
STORYTELLING
![Page 10: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/10.jpg)
http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek
STORYTELLING Snow Fall | New York Times
![Page 11: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/11.jpg)
www.nytimes.com/newsgraphics/2013/07/21/silk-road/
STORYTELLING Riding the Silk Road | New York Times
![Page 12: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/12.jpg)
http://www.youtube.com/watch?v=QPKKQnijnsM
STORYTELLING Wealth Inequality in America | Politizane
![Page 13: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/13.jpg)
INFOGRAPHICS
![Page 14: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/14.jpg)
INFOGRAPHICS What are the Odds? | Sofya Yampolsky
http://visual.ly/what-are-odds
![Page 15: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/15.jpg)
INFOGRAPHICS xkcd, Visual.ly
http://xkcd.com/1273/ | http://visual.ly/
![Page 16: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/16.jpg)
INFOGRAPHICS Infographic Portfolio | Adolfo Arranz, SCMP
http://www.scmp.com/infographics/article/1193675/remembering-kowloon-walled-city | http://lasombra.blogs.com/la_sombra_del_asno/2013/05/sichuans-earthquake.html
![Page 17: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/17.jpg)
TECHNIQUES
![Page 18: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/18.jpg)
http://www.accurat.it/
TECHNIQUES Accurat Studio for Corriere della Sera
![Page 19: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/19.jpg)
http://www.nytimes.com/newsgraphics/2013/11/30/football-conferences/
TECHNIQUES History of NCAA Conferences | New York Times
![Page 20: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/20.jpg)
http://work.interactivethings.com/nzz-swiss-maps/
TECHNIQUES Swiss Map Series | Interactive Things for NZZ
![Page 21: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/21.jpg)
http://officeofjane.com/projects/eurozone/
TECHNIQUES Volatility in the Eurozone Crisis | Jane Pong, SCMP
![Page 22: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/22.jpg)
http://viz.ged-project.de/ | http://www.visualisingdata.com/index.php/2013/12/in-praise-of-slopegraphs/
TECHNIQUES Small Multiples, Sankeys & Slope Graphs
![Page 23: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/23.jpg)
TECHNOLOGY
![Page 24: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/24.jpg)
http://www.visualisingdata.com/index.php/resources/
TECHNOLOGY 200+ Tools | Visualisingdata.com
![Page 25: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/25.jpg)
TECHNOLOGY D3.js
http://www.nytimes.com/interactive/2012/11/02/us/politics/paths-to-the-white-house.html
![Page 26: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/26.jpg)
http://raw.densitydesign.org/
TECHNOLOGY RAW | Density Design Lab
![Page 27: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/27.jpg)
http://www.tableausoftware.com
TECHNOLOGY Tableau + R
![Page 28: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/28.jpg)
http://melbourneurbanforestvisual.com.au/bigmap.html | https://www.mapbox.com/showcase/#dataviz
TECHNOLOGY CartoDB, Mapbox
![Page 29: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/29.jpg)
ISSUES
![Page 30: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/30.jpg)
http://helpmeviz.com/
ISSUES Constructive Criticism | HelpMeViz
![Page 31: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/31.jpg)
http://moritz.stefaner.eu/projects/gender-balance/#RATIO/NUM | http://www.visualisingdata.com/index.php/2013/03/1578-responses-to-the-first-data-visualisation-census/
ISSUES Gender Balance?
![Page 32: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/32.jpg)
http://www.informationisbeautifulawards.com/2013-winners/
ISSUES Information is Beautiful Awards | Kantar
![Page 33: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/33.jpg)
http://citysdk.waag.org/buildings/#52.3603,4.8978,12
ISSUES Attribution of Influence/Inspiration
![Page 34: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/34.jpg)
MARKETPLACE
![Page 35: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/35.jpg)
MARKETPLACE Visual.ly
http://venturebeat.com/2014/01/14/visually-raises-8-1m-to-flood-the-internet-with-even-more-infographics/
“Visually said it grew 10 times since it launched its project center last year and has paid out $2 million to its network of 100,000 designers.”
![Page 36: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/36.jpg)
MARKETPLACE Job Boards | Lynn Cherny & Flowing Data
https://groups.google.com/forum/?fromgroups#!forum/data-vis-jobs | http://flowingdata.com/category/job-board/
![Page 37: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/37.jpg)
MARKETPLACE Ecosystem
Thought-leading ‘illuminati’
Professional/Practitioner
Informed enthusiast
Casual enthusiast
Occasional everyone
![Page 38: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/38.jpg)
Initiator Journalist Communicator Project
Manager
Design Cognitive Science
Computer Science
Data Science
MARKETPLACE Skills? The 8 Hats of Visualisation Design
http://www.visualisingdata.com/index.php/2012/06/article-the-8-hats-of-data-visualisation-design/
![Page 39: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/39.jpg)
2014 & BEYOND
![Page 40: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/40.jpg)
http://public.brighttalk.com/resource/core/19507/august_21_hype_cycle_fenn_lehong_29685.pdf
2014 & BEYOND View from the cycle of hype
![Page 41: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/41.jpg)
http://www.datainnovation.org/2013/10/big-data-visualization-you-can-touch/ | http://www.visualisingdata.com/index.php/2013/11/3d-printing-capability-via-dataappeal-maps/
2014 & BEYOND Consumer Technology Advancements?
![Page 42: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/42.jpg)
http://www.washingtonpost.com/wp-srv/special/local/dc-shot-spotter/ | www.nytimes.com/newsgraphics/2013/quiet/#/map/
2014 & BEYOND Multi-Sensory Representation
![Page 43: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/43.jpg)
http://ciid.dk/education/portfolio/idp12/courses/data-visualisation/projects/tasty-tweets/ | http://blog.emoto2012.org/ | http://www.sensorymaps.com/maps_cities/edi_smell.html
2014 & BEYOND Multi-Sensory Representation
![Page 44: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/44.jpg)
http://www.washingtonpost.com/politics/for-christie-perhaps-a-bridge-too-far/2014/01/09/2928e054-797a-11e3-af7f-13bf0e9965f6_graphic.html | http://blog.visual.ly/how-data-visualization-changed-the-way-we-experience-sailing/
2014 & BEYOND More ‘Design for Understanding’?
![Page 45: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/45.jpg)
http://www.fastcoexist.com/3020923/how-the-red-cross-used-tweets-to-save-lives-during-hurricane-sandy
2014 & BEYOND More ‘Data for Action’?
“Even a lack of postings can tell the Red Cross something. If there is a social media black hole in a certain neighborhood, that probably
means the area needs help.”
![Page 46: Data Visualisation and Infographic Design: 'State of the Union](https://reader034.vdocument.in/reader034/viewer/2022042813/53f019a48d7f72e94b8b45db/html5/thumbnails/46.jpg)
PROJECTS STORYTELLING INFOGRAPHICS
ISSUES MARKETPLACE
TECHNIQUES
TECHNOLOGY 2014 & BEYOND
DATA VISUALISATION AND INFOGRAPHIC DESIGN: ‘STATE OF THE UNION’
Andy Kirk @visualisingdata