Andy kirk NYC Data Visualization Meetup

10,943 views

Published on

Trimmed version of the presentation given in New York on Thursday 16th May. Also essentially the same slide deck presented at the IDA Talks event in London on Wednesday 8th May.

Published in: Design, Education

Andy kirk NYC Data Visualization Meetup

  1. 1. Opposites Attract: The Art and Science of Data VisualisationAndy Kirk@visualisingdata
  2. 2. Visualising Data Ltd.
  3. 3. Opposites attract
  4. 4. The enduring discussion about form and functionOpposites repel?
  5. 5. com·mu·ni·ca·tion nounThe act or an instance ofcommunicating; the imparting orexchange of information, ideas, or feelings
  6. 6. Formal, instructive, pragmatic
  7. 7. Creative, natural, emotive
  8. 8. Analytical/PragmaticAbstract/EmotiveExploratoryExplanatoryAnalytical/PragmaticAbstract/EmotiveJudging tone
  9. 9. The trade off between accuracy and aesthetics:Read data vs Feel dataPragmatism vs EmotionScience vs Art
  10. 10. Emphasis on reading data…
  11. 11. Getting visualisation right is much more a science than an art, which we can only achieve bystudying human perception.Stephen Fewhttp://www.interaction-design.org/encyclopedia/data_visualization_for_human_perception.html
  12. 12. A visualization is more effectivethan another visualization if the information conveyed by onevisualization is more readilyperceived than the information inthe other visualization. Jock Mackinlayhttp://hci.stanford.edu/courses/cs448b/f10/lectures/CS448B-20100923-DataAndImageModels.pdf
  13. 13. http://www.perceptualedge.com/articles/visual_business_intelligence/the_chartjunk_debate.pdf The Chart Junk Debate | Stephen Few
  14. 14. http://www.visualisingdata.com/blog/wp-content/uploads/2013/04/GenderAnalysis.png
  15. 15. http://www.nytimes.com/interactive/2009/03/01/business/20090301_WageGap.htmlWage Gap | New York Times
  16. 16. Visual CortexSeeingCerebral CortexThinkingVisual perception
  17. 17. Images from http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htm Theoretical ancestry
  18. 18. Jacques Bertin, ‘Semiologie Graphique’, 1967Cleveland & McGill, ‘Graphical Perception: Theory, experimentation and application to the development of graphical methods’”, 1984Theoretical ancestry
  19. 19. B=9A=10LengthAreaA=10 B=9Interpretive accuracy
  20. 20. http://blog.revolutionanalytics.com/2012/12/create-optical-illusions-with-r.htmlColour perception
  21. 21. http://blog.visual.ly/2ds-company-3ds-a-crowd/Visual distortions
  22. 22. Emphasis on feeling data…
  23. 23. Im just seeing what I basicallyknow... But I felt it in a way I neverhad before. You can feel a gooddata visualization.Amanda Coxhttp://blogs.hbr.org/hbr/hbreditors/2013/03/power_of_visualizations_aha_moment.html
  24. 24. Mapping America: Every City, Every Block | New York Timeshttp://projects.nytimes.com/census/2010/explorer
  25. 25. I have this fear that we aren’t feeling enough.Chris Jordan, TED Talkhttp://www.youtube.com/watch?v=f09lQ8Q1iKE&feature=youtu.be&t=5m11s
  26. 26. Running the Numbers II: Portraits of Global Mass Culture | Chris Jordanhttp://www.chrisjordan.com/gallery/rtn2/#gyre2
  27. 27. 43#1#Number#of#white#American#presidents# Number#of#non8white#American#presidents#Encapsulate the feeling of a subject?
  28. 28. http://guns.periscopic.com/?year=2010US Gun Murders | PeriscopicEncapsulate the feeling of a subject?
  29. 29. http://graphics-info.blogspot.hk/2012/09/malofiej-20-look-at-our-participation.htmlIraq’s Bloody Toll | Simon ScarrEncapsulate the feeling of a subject?
  30. 30. http://www.grahaphics.com/All-The-MedalistsStorytellingOne Race, Every Medalist, Ever | New York Times
  31. 31. http://moritz.stefaner.eu/projects/musli-ingredient-network/“I chose the chord diagram over the possibly morerevealing matrix design because the matrix doesnt look‘tasty’ and muesli shouldnt look like ‘fungi’”Design sensibilityMuesli Ingredients Network | Moritz Stefaner
  32. 32. http://hint.fm/wind/ Wind Map | Hint FMDesign sensibility
  33. 33. http://2.bp.blogspot.com/-s5PzYfPlDoc/T8kmZ1-gPPI/AAAAAAAAAYc/7kFmM94bPMU/s1600/literaryOrganism2.jpgLiterary Organism | Stefanie PosavecConceptual skills
  34. 34. http://infosthetics.com/archives/2012/03/nasa_perpetual_ocean_the_ocean_surface_currents_around_the_world.html Perpetual Ocean | NASATechnical flair
  35. 35. http://lasombra.blogs.com/la_sombra_del_asno/2013/03/kwc.htmlExecution skillsCity of Anarchy | Adolfo Arranz
  36. 36. La Ballena Franca | Jaime SerraArt directionhttp://www.malofiej21.com/la-ballena-franca-grafico-mas-influente-de-los-ultimos-veinte-anos/
  37. 37. http://oecdbetterlifeindex.org/countries/united-kingdom/ OECD Better Life Index | Moritz Stefaner & RaureifUX design
  38. 38. http://www.nytimes.com/interactive/2012/11/02/us/politics/paths-to-the-white-house.html512 Paths to the White House | New York TimesUX design
  39. 39. http://www.youtube.com/watch?v=9tkDK2mZlOoInconvenient Truth | Al GoreDrama
  40. 40. http://www.guardian.co.uk/world/interactive/2012/nov/05/you-decide-the-presidential-election-interactive You Decide the Presidential Elections | Guardian USFun
  41. 41. http://emoto2012.org | http://ciid.dk/education/portfolio/idp12/courses/data-visualisation/projects/tasty-tweets/Emoto | Moritz Stefaner, Studio NAND, Drew Hemment ExperimentationTasty Tweets | Copenhagen Institute of Interaction Design
  42. 42. Smells of Auld Reekie | Kate McLeanhttp://www.sensorymaps.com/maps_cities/edi_smell.htmlBeyond just the visual…
  43. 43. It depends
  44. 44. What is good? What is bad?What is right? What is wrong?Who is right? Who is wrong?Why?!
  45. 45. Everyone is right.Sometimes.In certain contexts.
  46. 46. Who is your audience?http://probaperception.blogspot.fr/2012/10/the-best-strategy-to-play-guess-who.html
  47. 47. http://youtu.be/hVimVzgtD6w?t=1m1s Setting?
  48. 48. Functional needs?
  49. 49. http://kennedyelliott.com/visualize-this.png Need for immediacy?Where the Public Gets its News | Kennedy Elliott
  50. 50. Scope for learnability?http://infobawards.s3.amazonaws.com/SPOTLIGHT-ON-PROFITABILITY_Krisztina-Szucs.png Spotlight on Movie Profitability | Krisztina Szucs
  51. 51. http://www.brainpickings.org/index.php/2013/03/27/harold-bloom-genius-visualization/ Scope for learnability?History’s 100 Geniuses of Language and Literature | Accurat
  52. 52. Format? Technical capabilities?
  53. 53. The real craft behind datavisualisation design is how werationalise choices within a context“It depends...”
  54. 54. Be confident that you can justifythe inclusion, exclusion anddeployment of every designpropertyJustified design
  55. 55. http://www.itsbeenreal.co.uk/index.php?/wwwords/literary-organism/ Literary Organism | Stefanie PosavecJustified design
  56. 56. http://hellogiggles.com/everything-i-need-to-know-i-learned-from-jurassic-parkJustified design
  57. 57. Spanner in the works
  58. 58. There are better and worse, butrarely perfect solutions
  59. 59. “You can lead a horse to water…”http://www.redbubble.com/people/rebelpony/works/1073982-you-can-lead-a-horse-to-water
  60. 60. MoodsTastesPersonalitiesContextsPressuresInconsistenciesBlind-spotsConfidenceTemperament PrejudicesIrrationalitiesFearsPeople are not rational
  61. 61. http://visual.ly/?view=explore
  62. 62. http://readwrite.com/2013/02/05/brand-marketers-totally-miss-social-media-influencers
  63. 63. “Data visual-what-did-you-call-it?”
  64. 64. http://www.forbes.com/sites/naomirobbins/2013/02/04/misleading-newspaper-graph/
  65. 65. https://twitter.com/Mapitup/status/266420231902216192
  66. 66. http://skepchick.org/wp-content/uploads/venezuela.png
  67. 67. 3 closing thoughts
  68. 68. We’ve still got a long way to go. Let’s enjoy the ride together.
  69. 69. Pragmatic 80Creative 20
  70. 70. When Im working on a problem, I never think about beauty. I think only how to solve theproblem. But when I have finished,if the solution is not beautiful, I know it is wrong.Richard Buckminster Fullerhttp://www.quotes.net/quote/7377
  71. 71. www.visualisingdata.comandy@visualisingdata.com@visualisingdata

×