working group on data visualisation: good and bad ... · •3d printing for data visualisation...
TRANSCRIPT
![Page 1: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/1.jpg)
Working Group on Data Visualisation: Good and Bad Practices in Data Vis
September 26th 2017
Oli Chalkley [email protected]
Bobby Stuijfzand [email protected]
Harriet Mills [email protected]
![Page 2: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/2.jpg)
Today’s session
• Basic visualisation mistakes
• Good examples
• Small groups discussion
• Working group format
![Page 3: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/3.jpg)
Basic mistakes
![Page 4: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/4.jpg)
Truncated y-axis / unusual scales
https://blog.heapanalytics.com/how-to-lie-with-data-visualization/
https://www.theguardian.com/news/datablog/gallery/2013/aug/01/16-useless-infographics
![Page 5: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/5.jpg)
Ignoring conventions
https://blog.heapanalytics.com/how-to-lie-with-data-visualization/
http://skepchick.org/2015/06/bad-chart-thursday-cnn-pot-pie/
![Page 6: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/6.jpg)
Ignoring conventionshttps://blog.heapanalytics.com/how-to-lie-with-data-visualization/
![Page 7: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/7.jpg)
http://gravyanecdote.com/tag/iraqs-bloody-toll/
![Page 8: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/8.jpg)
Mind the defaults
![Page 9: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/9.jpg)
Ambiguity
Accurate but confusing Better?
![Page 10: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/10.jpg)
Bad big data visualisations
https://maxcooper.net/chromos-ep
![Page 11: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/11.jpg)
Bad big data visualisations
GOOD/Gregory Hubacek
![Page 12: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/12.jpg)
Good examples
![Page 13: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/13.jpg)
Information is Beautiful - David McCandless
![Page 14: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/14.jpg)
Information is Beautiful - David McCandless
Ted talk
https://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization
Information is Beautiful Awards
http://www.informationisbeautiful.net/2017/the-kantar-information-is-beautiful-awards-2017-is-now-open/#more-4727
![Page 15: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/15.jpg)
Spatial image - Facebook
https://dabrownstein.files.wordpress.com/2014/02/paul-butlers-map-of-friendships.jpg
![Page 16: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/16.jpg)
The power of animation
Temperature anomalies: https://www.flickr.com/photos/150411108@N06/35471910724/
![Page 17: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/17.jpg)
Nathan Chrismas
![Page 18: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/18.jpg)
Tom Bland & Kathryn Leeming
![Page 19: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/19.jpg)
![Page 20: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/20.jpg)
Small groups discussion
![Page 21: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/21.jpg)
Makeover Monday
“Each week we post a link to a chart, and its
data, and then you rework the chart.”
http://www.makeovermonday.co.uk/
![Page 22: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/22.jpg)
Makeover Monday – Trump’s tweets
https://www.buzzfeed.com/charliewarzel/here-are-the-294-accounts-donald-trump-retweeted-during-the?utm_term=.ijAgeyPd7l#.ch0GJX2MOV
Week 3 – January 16th 2017
![Page 23: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/23.jpg)
Makeover Monday – Trump’s tweets
Interactive version:https://public.tableau.com/profile/eva.murray#!/vizhome/MakeoverMondayWeek3-Trumpandhisthumb/Trumpandhisthumb
![Page 24: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/24.jpg)
Makeover Monday – Trump’s tweets
Interactive version:http://www.vizwiz.com/2017/01/makeover-monday-tweeting-habits-of.html
![Page 25: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/25.jpg)
Makeover Monday –this week
• Group work – discuss chart and suggest new version
• http://www.makeovermonday.co.uk/data/
• "What's in our food and on our mind – ingredient and dining out trends around the world" (Nielson report)
![Page 26: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/26.jpg)
Working Group format
![Page 27: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/27.jpg)
Questions
• Monthly or bimonthly?
• Format?
• Mailing list or Yammer group?
![Page 28: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/28.jpg)
Topics people suggested they could lead
Topics:
• Graph databases – networks etc
• 3D printing for data visualisation
• Bristol is Open
• Icons and infographics
• 3D plots
• Design and interaction design
• User experience (Psychological principles)
Specific Tools:
• d3
• R
• Python (inc pandas and seaborn libraries)
• Adobe Illustrator
• SAP Lumira
• Virtual reality and interactive visualisation
Specific projects:
• Developing visuals for an eBooks project
• Visualisations of text
![Page 29: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/29.jpg)
Topics people suggested they would likeSpecific Tools:
• Javascript – particularly d3
• R
• Python
• Tableau
• Virtual Reality
• Adobe illustrator
Topics:
• Spatial data
• Whole genome sequence and metagenomics data
• Multi-dimensional data
• High-dimensional data
• Improving UX for web applications
• Infographics
• Visualising processes - e.g. a work flow
• Visualising time series data
• Visualisations for model checking and model development
• Interactive/animated visualisations for large data
• Reducing “big” data in a meaningful way in order to visualise, while retaining insight
• Communicating uncertainty
• Bristol Data Dome
• Patient data
Discussion:
• What do people mean by data visualisation?
• What do people need to help develop their data visualisations?
• Funding strategies for data visualisation projects
• Data visualisation for the social sciences
• Design: how to make stylish, intuitive and informative visuals
• Critical approaches to data visualisation
![Page 30: Working Group on Data Visualisation: Good and Bad ... · •3D printing for data visualisation •Bristol is Open •Icons and infographics •3D plots •Design and interaction design](https://reader034.vdocument.in/reader034/viewer/2022050213/5f5eeb76915cbf63ea47e6e6/html5/thumbnails/30.jpg)
Oli Chalkley [email protected] Stuijfzand [email protected]
Harriet Mills [email protected]
www.bristol.ac.uk/golding