![Page 1: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/1.jpg)
![Page 2: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/2.jpg)
Introduction to data visualisation
Adam Frost – Content Director@adamfrostuk
Tobias Sturt – Creative Director@skelington
@gDigitalAgency
![Page 3: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/3.jpg)
![Page 4: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/4.jpg)
![Page 5: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/5.jpg)
![Page 6: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/6.jpg)
![Page 7: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/7.jpg)
![Page 8: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/8.jpg)
![Page 9: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/9.jpg)
![Page 10: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/10.jpg)
![Page 11: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/11.jpg)
![Page 12: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/12.jpg)
![Page 13: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/13.jpg)
![Page 14: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/14.jpg)
![Page 15: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/15.jpg)
![Page 16: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/16.jpg)
![Page 17: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/17.jpg)
![Page 18: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/18.jpg)
![Page 19: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/19.jpg)
![Page 20: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/20.jpg)
![Page 21: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/21.jpg)
![Page 22: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/22.jpg)
![Page 23: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/23.jpg)
![Page 24: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/24.jpg)
![Page 25: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/25.jpg)
![Page 26: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/26.jpg)
![Page 27: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/27.jpg)
![Page 28: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/28.jpg)
![Page 29: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/29.jpg)
![Page 30: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/30.jpg)
![Page 31: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/31.jpg)
![Page 32: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/32.jpg)
![Page 33: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/33.jpg)
![Page 34: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/34.jpg)
![Page 35: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/35.jpg)
![Page 36: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/36.jpg)
![Page 37: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/37.jpg)
![Page 38: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/38.jpg)
![Page 39: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/39.jpg)
39
![Page 40: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/40.jpg)
40
![Page 41: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/41.jpg)
![Page 42: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/42.jpg)
![Page 43: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/43.jpg)
![Page 44: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/44.jpg)
![Page 45: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/45.jpg)
![Page 46: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/46.jpg)
![Page 47: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/47.jpg)
![Page 48: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/48.jpg)
![Page 49: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/49.jpg)
49
![Page 50: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/50.jpg)
https://www.youtube.com/watch?v=DtqSIplGXOA
50
![Page 51: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/51.jpg)
51xxx = Insert footer text here
![Page 52: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/52.jpg)
52xxx = Insert footer text here
![Page 53: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/53.jpg)
53
![Page 54: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/54.jpg)
![Page 55: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/55.jpg)
![Page 56: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/56.jpg)
![Page 57: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/57.jpg)
“…and what do points mean?
![Page 58: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/58.jpg)
Key blogs & bloggersflowingdata.comwww.informationisbeautifulawards.comwww.fastcodesign.comwww.visualisingdata.com
Guardian and New York Times data blogs, Washington Post, The Economist, The FT (behind paywall)Five Thirty Eight, The NYT’s Upshot, Vox
Design inspiration: www.behance.net
Design desperation: wtfviz.net
![Page 59: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/59.jpg)
Some good books
![Page 60: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/60.jpg)
Other good booksHow to…The Functional Art by Alberto CairoA Kidd’s Guide to Graphic Design by Chip KiddThe Information Design Workbook by Kim BaerInfographics – The Power of Visual Storytelling by Jason Lankow et al (Column Five)
Best practice examplesThe Best American Infographics 2013 by Gareth CookVisual Storytelling: Inspiring a new visual language (Gestalten)Understanding the World by Sandra RengrenAround the World – The Atlas for Today (Gestalten)Knowledge is Beautiful by David McCandlessLondon – The Information Capital by James Cheshire and Oliver Uberti
MiscellaneousDataclysm by Christian RudderJust My Type by Simon Garfield
![Page 61: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/61.jpg)
Follow…Alberto Cairo: @albertocairoConrad Hackett: @conradhackettTim Harford: @TimHarfordSimon Rogers: @smfrogersAlan Smith: @theboysmithy
Journalists who tweet about data/tech: @MonaChalabi, @jamesrbuk, @olivia_solon, @helenlewis, @jimwaterson
Full Fact: @FullFact
Plus Twitter accounts of Guardian Data blog, Five Thirty Eight, Vox, Upshot, NYT Graphics, Ampp3d
![Page 62: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/62.jpg)
Resources & ToolsDesign:Illustrator / InDesign / Photoshop (http://www.adobe.com/uk/products/creativecloud.html)Inkscape (http://www.inkscape.org/en/)
Resources:Colour: http://kuler.adobe.com/Icons: http://thenounproject.com/Fonts: https://www.google.com/fontsCharts: http://www.datavizcatalogue.com/Javascript: http://www.codecademy.com/
For data:http://data.gov.uk/http://www.statistics.gov.uk/hub/index.htmlhttp://data.un.org/http://data.worldbank.org/http://data.london.gov.uk/
![Page 63: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/63.jpg)
Software & charting libraries
Interactive charts:• datawrapper.de• Google charts• Maps: Google Fusion tables/CartoDB
Infographics:• infogr.am • piktochart.com
Charting tools:• Raw: app.raw.densitydesign.org• Datavisual: datavisu.al
Site• shorthand.com/social• strikingly.com• sway.com
Dashboards:• tableausoftware.com• qlik.com• powerbi.microsoft.com
Javascript Libraries:• highcharts.com• d3js.org
![Page 64: Adam Frost and Tobias Sturt - Graphic digital agency](https://reader033.vdocuments.us/reader033/viewer/2022051716/58a2d71d1a28ab724d8b7001/html5/thumbnails/64.jpg)
Bye… for nowIf you write down one URL, write down this one:
https://goo.gl/dsG9bj
dadatavis.tumblr.com
Tobias Sturt@skelington | [email protected]
Adam Frost@adamfrostuk | [email protected]