SlideShare a Scribd company logo

Advanced Visualizations

•Download as PPTX, PDF•
•
N
nsrivast

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

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

More Related Content

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