Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Advanced Visualizations

1 528 vues

Publié le

This course presents the principles and techniques of effective data visualization. Students learn fundamental concepts in communicating information through graphics and apply these concepts to build visualizations of their own.

Advanced Visualizations

Publié dans : Formation
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Advanced Visualizations

  1. 1. Data Visualization Nikhil Srivastava, 2015 Nikhil Srivastava Moringa School Summer 2015
  2. 2. Data Visualization Nikhil Srivastava, 2015 • What is Data Visualization? • Thinking and Seeing • From Data to Graphics • Principles and Guidelines • Highcharts and Javascript • Class Project introduction foundation & theory building blocks design & critique construction Class Summary
  3. 3. Data Visualization Nikhil Srivastava, 2015 Data Visualization is: • Useful – Answers questions – Reduces workload
  4. 4. Data Visualization Nikhil Srivastava, 2015 Data Visualization is: • Useful • Important – Understand structure – Resolve ambiguity – Locate outliers
  5. 5. Data Visualization Nikhil Srivastava, 2015 Data Visualization is: • Useful • Important – Design decisions affect interpretation
  6. 6. Data Visualization Nikhil Srivastava, 2015 Data Visualization is: • Useful • Important • Powerful – Communicate – Teach – Inspire
  7. 7. Data Visualization Nikhil Srivastava, 2015 Data Visualization is: • Useful • Important • Powerful • Relevant
  8. 8. Data Visualization Nikhil Srivastava, 2015 • What is Data Visualization? • Thinking and Seeing • From Data to Graphics • Principles and Guidelines • Highcharts and Javascript • Class Project introduction foundation & theory building blocks design & critique construction
  9. 9. Data Visualization Nikhil Srivastava, 2015 Vision: The Software • High-level concepts: objects, symbols • Involves working memory • Slow, sequential, conscious • Sensory input • Low-level features: orientation, shape, color, movement • Rapid, parallel, automatic Visual Perception “Bottom-up” “Top-down”
  10. 10. Data Visualization Nikhil Srivastava, 2015 Eye != Camera
  11. 11. Data Visualization Nikhil Srivastava, 2015 • What is Data Visualization? • Thinking and Seeing • From Data to Graphics • Principles and Guidelines • Highcharts and Javascript • Class Project introduction foundation & theory building blocks design & critique construction
  12. 12. Data Visualization Nikhil Srivastava, 2015 From Data to Graphics What kind of data do we have? How can we represent the data visually? How can we organize this into a visualization? Athi River Machakos 139,380 Awasi Kisumu 93,369 Kangundo-Tala Machakos 218,557 Karuri Kiambu 129,934 Kiambu Kiambu 88,869 Kikuyu Kiambu 233,231 Kisumu Kisumu 409,928 Kitale Trans-Nzoia 106,187 Kitui Kitui 155,896 Limuru Kiambu 104,282 Machakos Machakos 150,041 Molo Nakuru 107,806 Mwingi Kitui 83,803 Naivasha Nakuru 181,966 Nakuru Nakuru 307,990 Nandi Hills Trans-Nzoia 73,626 Visual Encoding
  13. 13. Data Visualization Nikhil Srivastava, 2015 Data Types CATEGORICAL ORDINAL NUMERICAL Interval Ratio Male / Female Asia / Africa / Europe True / False Small / Med / Large Low / High Yes / Maybe / No Time Latitude/Longitude Compass direction Time Length Count = = = = < > < > < > + - + - * /
  14. 14. Data Visualization Nikhil Srivastava, 2015 Channel Effectiveness
  15. 15. Data Visualization Nikhil Srivastava, 2015 Chart Types SCATTER LINE BAR PIE
  16. 16. Data Visualization Nikhil Srivastava, 2015 More Chart Types • Stacked/Grouped Charts • Treemap • Multi-level Pie • Heat Map • Choropleth/Cartogram
  17. 17. Data Visualization Nikhil Srivastava, 2015 • What is Data Visualization? • Thinking and Seeing • From Data to Graphics • Principles and Guidelines • Highcharts and Javascript • Class Project introduction foundation & theory building blocks design & critique construction
  18. 18. Data Visualization Nikhil Srivastava, 2015 Design Principles
  19. 19. Data Visualization Nikhil Srivastava, 2015 Design Principles • Integrity – Tell the truth with data • Effectiveness – Achieve visualization objectives • Aesthetics – Be compelling, vivid, beautiful
  20. 20. Data Visualization Nikhil Srivastava, 2015 Examples
  21. 21. Data Visualization Nikhil Srivastava, 2015 • What is Data Visualization? • Thinking and Seeing • From Data to Graphics • Principles and Guidelines • Highcharts and Javascript • Class Project introduction foundation & theory building blocks design & critique construction
  22. 22. Data Visualization Nikhil Srivastava, 2015 • What is Data Visualization? • Thinking and Seeing • From Data to Graphics • Principles and Guidelines • Highcharts and Javascript • Class Project introduction foundation & theory building blocks design & critique construction
  23. 23. Data Visualization Nikhil Srivastava, 2015 The Ebb and Flow of Movies NY Times, 2008 Advanced Visualizations
  24. 24. Data Visualization Nikhil Srivastava, 2015 Word Cloud - “Data Visualization” Wikipedia Page Wordle
  25. 25. Data Visualization Nikhil Srivastava, 2015 ZIPScribble Robert Kosara, 2006
  26. 26. Data Visualization Nikhil Srivastava, 2015 Twitter Networks PJ Lamberson, 2012
  27. 27. Data Visualization Nikhil Srivastava, 2015 Blogs • Infosthetics.com • Visualizing.org • FlowingData.com
  28. 28. Data Visualization Nikhil Srivastava, 2015 Class Website • Send me your final projects! • Will be updated with future classes
  29. 29. Data Visualization Nikhil Srivastava, 2015 Nikhil Srivastava Moringa School Summer 2015

×