46
PROJECTS STORYTELLING INFOGRAPHICS ISSUES MARKETPLACE TECHNIQUES TECHNOLOGY 2014 & BEYOND DATA VISUALISATION AND INFOGRAPHIC DESIGN: ‘STATE OF THE UNION’ Andy Kirk @visualisingdata

Data Visualisation and Infographic Design: 'State of the Union

Embed Size (px)

DESCRIPTION

Talk given by Andy Kirk at the 'Design of Understanding' 2014 conference.

Citation preview

Page 1: Data Visualisation and Infographic Design: 'State of the Union

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

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

PROJECTS

Page 4: Data Visualisation and Infographic Design: 'State of the Union

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

http://guns.periscopic.com/

PROJECTS US Gun Murders | Periscopic

Page 6: Data Visualisation and Infographic Design: 'State of the Union

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

http://labratrevenge.com/pdx/

PROJECTS The Age of a City | Justin Palmer

Page 8: Data Visualisation and Infographic Design: 'State of the Union

http://earth.nullschool.net/

PROJECTS Earth | Cameron Beccario

Page 9: Data Visualisation and Infographic Design: 'State of the Union

STORYTELLING

Page 10: Data Visualisation and Infographic Design: 'State of the Union

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

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

http://www.youtube.com/watch?v=QPKKQnijnsM

STORYTELLING Wealth Inequality in America | Politizane

Page 13: Data Visualisation and Infographic Design: 'State of the Union

INFOGRAPHICS

Page 14: Data Visualisation and Infographic Design: 'State of the Union

INFOGRAPHICS What are the Odds? | Sofya Yampolsky

http://visual.ly/what-are-odds

Page 15: Data Visualisation and Infographic Design: 'State of the Union

INFOGRAPHICS xkcd, Visual.ly

http://xkcd.com/1273/ | http://visual.ly/

Page 16: Data Visualisation and Infographic Design: 'State of the Union

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

TECHNIQUES

Page 18: Data Visualisation and Infographic Design: 'State of the Union

http://www.accurat.it/

TECHNIQUES Accurat Studio for Corriere della Sera

Page 19: Data Visualisation and Infographic Design: 'State of the Union

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

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

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

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

TECHNOLOGY

Page 24: Data Visualisation and Infographic Design: 'State of the Union

http://www.visualisingdata.com/index.php/resources/

TECHNOLOGY 200+ Tools | Visualisingdata.com

Page 25: Data Visualisation and Infographic Design: 'State of the Union

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

http://raw.densitydesign.org/

TECHNOLOGY RAW | Density Design Lab

Page 27: Data Visualisation and Infographic Design: 'State of the Union

http://www.tableausoftware.com

TECHNOLOGY Tableau + R

Page 28: Data Visualisation and Infographic Design: 'State of the Union

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

ISSUES

Page 30: Data Visualisation and Infographic Design: 'State of the Union

http://helpmeviz.com/

ISSUES Constructive Criticism | HelpMeViz

Page 31: Data Visualisation and Infographic Design: 'State of the Union

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

http://www.informationisbeautifulawards.com/2013-winners/

ISSUES Information is Beautiful Awards | Kantar

Page 33: Data Visualisation and Infographic Design: 'State of the Union

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

MARKETPLACE

Page 35: Data Visualisation and Infographic Design: 'State of the Union

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

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

MARKETPLACE Ecosystem

Thought-leading ‘illuminati’

Professional/Practitioner

Informed enthusiast

Casual enthusiast

Occasional everyone

Page 38: Data Visualisation and Infographic Design: 'State of the Union

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

2014 & BEYOND

Page 40: Data Visualisation and Infographic Design: 'State of the Union

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

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

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

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

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

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

PROJECTS STORYTELLING INFOGRAPHICS

ISSUES MARKETPLACE

TECHNIQUES

TECHNOLOGY 2014 & BEYOND

DATA VISUALISATION AND INFOGRAPHIC DESIGN: ‘STATE OF THE UNION’

Andy Kirk @visualisingdata