Your SlideShare is downloading. ×
Andy kirk NYC Data Visualization Meetup
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Andy kirk NYC Data Visualization Meetup

9,690
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.

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

0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
9,690
On Slideshare
0
From Embeds
0
Number of Embeds
26
Actions
Shares
0
Downloads
108
Comments
0
Likes
9
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Opposites Attract: The Art and Science of Data VisualisationAndy Kirk@visualisingdata
  • 2. Visualising Data Ltd.
  • 3. Opposites attract
  • 4. The enduring discussion about form and functionOpposites repel?
  • 5. com·mu·ni·ca·tion nounThe act or an instance ofcommunicating; the imparting orexchange of information, ideas, or feelings
  • 6. Formal, instructive, pragmatic
  • 7. Creative, natural, emotive
  • 8. Analytical/PragmaticAbstract/EmotiveExploratoryExplanatoryAnalytical/PragmaticAbstract/EmotiveJudging tone
  • 9. The trade off between accuracy and aesthetics:Read data vs Feel dataPragmatism vs EmotionScience vs Art
  • 10. Emphasis on reading data…
  • 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. 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. http://www.perceptualedge.com/articles/visual_business_intelligence/the_chartjunk_debate.pdf The Chart Junk Debate | Stephen Few
  • 14. http://www.visualisingdata.com/blog/wp-content/uploads/2013/04/GenderAnalysis.png
  • 15. http://www.nytimes.com/interactive/2009/03/01/business/20090301_WageGap.htmlWage Gap | New York Times
  • 16. Visual CortexSeeingCerebral CortexThinkingVisual perception
  • 17. Images from http://psychology.about.com/od/sensationandperception/ss/gestaltlaws.htm Theoretical ancestry
  • 18. Jacques Bertin, ‘Semiologie Graphique’, 1967Cleveland & McGill, ‘Graphical Perception: Theory, experimentation and application to the development of graphical methods’”, 1984Theoretical ancestry
  • 19. B=9A=10LengthAreaA=10 B=9Interpretive accuracy
  • 20. http://blog.revolutionanalytics.com/2012/12/create-optical-illusions-with-r.htmlColour perception
  • 21. http://blog.visual.ly/2ds-company-3ds-a-crowd/Visual distortions
  • 22. Emphasis on feeling data…
  • 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. Mapping America: Every City, Every Block | New York Timeshttp://projects.nytimes.com/census/2010/explorer
  • 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. Running the Numbers II: Portraits of Global Mass Culture | Chris Jordanhttp://www.chrisjordan.com/gallery/rtn2/#gyre2
  • 27. 43#1#Number#of#white#American#presidents# Number#of#non8white#American#presidents#Encapsulate the feeling of a subject?
  • 28. http://guns.periscopic.com/?year=2010US Gun Murders | PeriscopicEncapsulate the feeling of a subject?
  • 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. http://www.grahaphics.com/All-The-MedalistsStorytellingOne Race, Every Medalist, Ever | New York Times
  • 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. http://hint.fm/wind/ Wind Map | Hint FMDesign sensibility
  • 33. http://2.bp.blogspot.com/-s5PzYfPlDoc/T8kmZ1-gPPI/AAAAAAAAAYc/7kFmM94bPMU/s1600/literaryOrganism2.jpgLiterary Organism | Stefanie PosavecConceptual skills
  • 34. http://infosthetics.com/archives/2012/03/nasa_perpetual_ocean_the_ocean_surface_currents_around_the_world.html Perpetual Ocean | NASATechnical flair
  • 35. http://lasombra.blogs.com/la_sombra_del_asno/2013/03/kwc.htmlExecution skillsCity of Anarchy | Adolfo Arranz
  • 36. La Ballena Franca | Jaime SerraArt directionhttp://www.malofiej21.com/la-ballena-franca-grafico-mas-influente-de-los-ultimos-veinte-anos/
  • 37. http://oecdbetterlifeindex.org/countries/united-kingdom/ OECD Better Life Index | Moritz Stefaner & RaureifUX design
  • 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. http://www.youtube.com/watch?v=9tkDK2mZlOoInconvenient Truth | Al GoreDrama
  • 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. 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. Smells of Auld Reekie | Kate McLeanhttp://www.sensorymaps.com/maps_cities/edi_smell.htmlBeyond just the visual…
  • 43. It depends
  • 44. What is good? What is bad?What is right? What is wrong?Who is right? Who is wrong?Why?!
  • 45. Everyone is right.Sometimes.In certain contexts.
  • 46. Who is your audience?http://probaperception.blogspot.fr/2012/10/the-best-strategy-to-play-guess-who.html
  • 47. http://youtu.be/hVimVzgtD6w?t=1m1s Setting?
  • 48. Functional needs?
  • 49. http://kennedyelliott.com/visualize-this.png Need for immediacy?Where the Public Gets its News | Kennedy Elliott
  • 50. Scope for learnability?http://infobawards.s3.amazonaws.com/SPOTLIGHT-ON-PROFITABILITY_Krisztina-Szucs.png Spotlight on Movie Profitability | Krisztina Szucs
  • 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. Format? Technical capabilities?
  • 53. The real craft behind datavisualisation design is how werationalise choices within a context“It depends...”
  • 54. Be confident that you can justifythe inclusion, exclusion anddeployment of every designpropertyJustified design
  • 55. http://www.itsbeenreal.co.uk/index.php?/wwwords/literary-organism/ Literary Organism | Stefanie PosavecJustified design
  • 56. http://hellogiggles.com/everything-i-need-to-know-i-learned-from-jurassic-parkJustified design
  • 57. Spanner in the works
  • 58. There are better and worse, butrarely perfect solutions
  • 59. “You can lead a horse to water…”http://www.redbubble.com/people/rebelpony/works/1073982-you-can-lead-a-horse-to-water
  • 60. MoodsTastesPersonalitiesContextsPressuresInconsistenciesBlind-spotsConfidenceTemperament PrejudicesIrrationalitiesFearsPeople are not rational
  • 61. http://visual.ly/?view=explore
  • 62. http://readwrite.com/2013/02/05/brand-marketers-totally-miss-social-media-influencers
  • 63. “Data visual-what-did-you-call-it?”
  • 64. http://www.forbes.com/sites/naomirobbins/2013/02/04/misleading-newspaper-graph/
  • 65. https://twitter.com/Mapitup/status/266420231902216192
  • 66. http://skepchick.org/wp-content/uploads/venezuela.png
  • 67. 3 closing thoughts
  • 68. We’ve still got a long way to go. Let’s enjoy the ride together.
  • 69. Pragmatic 80Creative 20
  • 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. www.visualisingdata.comandy@visualisingdata.com@visualisingdata