Advanced Visualizations
- 1. Data Visualization Nikhil Srivastava, 2015 Nikhil Srivastava Moringa School Summer 2015
- 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. Data Visualization Nikhil Srivastava, 2015 Data Visualization is: • Useful – Answers questions – Reduces workload
- 4. Data Visualization Nikhil Srivastava, 2015 Data Visualization is: • Useful • Important – Understand structure – Resolve ambiguity – Locate outliers
- 5. Data Visualization Nikhil Srivastava, 2015 Data Visualization is: • Useful • Important – Design decisions affect interpretation
- 6. Data Visualization Nikhil Srivastava, 2015 Data Visualization is: • Useful • Important • Powerful – Communicate – Teach – Inspire
- 7. Data Visualization Nikhil Srivastava, 2015 Data Visualization is: • Useful • Important • Powerful • Relevant
- 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. 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. Data Visualization Nikhil Srivastava, 2015 Eye != Camera
- 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. 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. 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. Data Visualization Nikhil Srivastava, 2015 Channel Effectiveness
- 15. Data Visualization Nikhil Srivastava, 2015 Chart Types SCATTER LINE BAR PIE
- 16. Data Visualization Nikhil Srivastava, 2015 More Chart Types • Stacked/Grouped Charts • Treemap • Multi-level Pie • Heat Map • Choropleth/Cartogram
- 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. Data Visualization Nikhil Srivastava, 2015 Design Principles
- 19. Data Visualization Nikhil Srivastava, 2015 Design Principles • Integrity – Tell the truth with data • Effectiveness – Achieve visualization objectives • Aesthetics – Be compelling, vivid, beautiful
- 20. Data Visualization Nikhil Srivastava, 2015 Examples
- 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. 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. Data Visualization Nikhil Srivastava, 2015 The Ebb and Flow of Movies NY Times, 2008 Advanced Visualizations
- 24. Data Visualization Nikhil Srivastava, 2015 Word Cloud - “Data Visualization” Wikipedia Page Wordle
- 25. Data Visualization Nikhil Srivastava, 2015 ZIPScribble Robert Kosara, 2006
- 26. Data Visualization Nikhil Srivastava, 2015 Twitter Networks PJ Lamberson, 2012
- 27. Data Visualization Nikhil Srivastava, 2015 Blogs • Infosthetics.com • Visualizing.org • FlowingData.com
- 28. Data Visualization Nikhil Srivastava, 2015 Class Website • Send me your final projects! • Will be updated with future classes
- 29. Data Visualization Nikhil Srivastava, 2015 Nikhil Srivastava Moringa School Summer 2015