1 / 24

Introduction to Information Visualization

Introduction to Information Visualization. Robert Putnam putnam@bu.edu. Introduction to Information Visualization - Fall 2012. Outline. Introduction / Definition History Examples Workflow / Pipeline Software overview Hands-on exercises Resources.

willa
Download Presentation

Introduction to Information Visualization

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Introduction to Information Visualization Robert Putnam putnam@bu.edu Introduction to Information Visualization - Fall 2012

  2. Outline • Introduction / Definition • History • Examples • Workflow / Pipeline • Software overview • Hands-on exercises • Resources Introduction to Information Visualization - Fall 2012

  3. “Scivis” versus “Info vis” • Visualization: converting raw data to a form that is viewable and understandable to humans. • Scientific visualization: specifically concerned with data that has a well-defined representation in 2D or 3D space (e.g., from simulation mesh or scanner). *Adaptedfrom The ParaView Tutorial, Moreland Introduction to Information Visualization - Fall 2012

  4. Information visualization • Information visualization: concerned with data that does not have a well-defined representation in 2D or 3D space (i.e., “abstract data”). Introduction to Information Visualization - Fall 2012

  5. Pre-history • Important figures • William Playfair (1821) – lines, areas for data display • Charles Joseph Minard (1869) – Napoleon’s march, etc. • Jacques Bertin (1967) – theoretical basis for infographics • John Tukey (1977) – exploratory data analysis • Edward Tufte (1983) – statistical graphics standards/practices • 1985 NSF Workshop on Scientific Visualization • 1990: S.K.Card, et al. Readings in Information Visualization: Using Vision to Think Introduction to Information Visualization - Fall 2012

  6. Examples • Network visualization (vizster) Introduction to Information Visualization - Fall 2012

  7. Examples • Geo data mapping • Demo Introduction to Information Visualization - Fall 2012

  8. Examples • Treemap • Demo Introduction to Information Visualization - Fall 2012

  9. Examples • Circle chart • Demo Introduction to Information Visualization - Fall 2012

  10. Examples • Population “Trendalyzer” • Demo Introduction to Information Visualization - Fall 2012

  11. Additional Examples • NY Times words, words • Visual Complexity (from book by Manuel Lima) • 50 examples (from June 2009, somewhat dated) • D3 Gallery Introduction to Information Visualization - Fall 2012

  12. Visualization components • Color • Size • Texture • Proximity • Annotation • Interactivity • Selection / Filtering • Zoom • Animation Introduction to Information Visualization - Fall 2012

  13. Info vis workflow / pipeline* • Acquire • Parse • Filter • Mine • Represent • Visual structure for data • View • Refine • Interact * Adapted from Fry, Visualizing Data Introduction to Information Visualization - Fall 2012

  14. Info vis workflow / pipeline • Acquire [p. 7, Fry, Visualizing Data] Introduction to Information Visualization - Fall 2012

  15. Info vis workflow / pipeline • Parse [p. 8, Fry, Visualizing Data] Introduction to Information Visualization - Fall 2012

  16. Info vis workflow / pipeline • Filter/Mine [p. 10, Fry, Visualizing Data] Introduction to Information Visualization - Fall 2012

  17. Info vis workflow / pipeline • Represent [p. 10, Fry, Visualizing Data] Introduction to Information Visualization - Fall 2012

  18. Info vis workflow / pipeline • Refine [p. 12, Fry, Visualizing Data] Introduction to Information Visualization - Fall 2012

  19. Info vis workflow / pipeline • Interact • Demo [p. 12, Fry, Visualizing Data] Introduction to Information Visualization - Fall 2012

  20. Visualization software • Host language (C/C++/Java/Python) plus OpenGL • Stat/math package with graphics • R • MATLAB • Special-purpose info viz software • Earth mapping, biological network visualization, etc. • Browser-enabled graphics/info viz packages • Google Charts • Processing / Processing.js • D3 • Java + Flash (becoming rarer) Introduction to Information Visualization - Fall 2012

  21. Hands-on • HTML intro* • Google charts • D3 *Enabling software: - JavaScript: “the language** of the web” - JSON: JavaScript Object Notation - SVG: Scalable Vector Graphics - CSS: Cascading Style Sheets **currently Introduction to Information Visualization - Fall 2012

  22. Resources • Books • Visual Complexity, Mapping Patterns of Information , Manuel Lima • The Visual Display of Quantitative Information, Edward Tufte • Information Visualization: Beyond the Horizon, ChaomeiChen • JavaScript: The Definitive Guide, David Flanagan • Getting Started with D3, Mike Dewar • Visualizing Data, Ben Fry • Websites • http://processingjs.org/ • http://d3js.org/, https://github.com/mbostock/d3/wiki/API-Reference • http://code.google.com/apis/ajax/playground/ • http://infosthetics.com/ • http://www.edwardtufte.com/tufte/ • http://www.visualcomplexity.com/ • http://www.webdesignerdepot.com/2009/06/50-great-examples-of-data-visualization/ Introduction to Information Visualization - Fall 2012

  23. Resources • Conferences • VisWeek 2012, October 14-19, 2012, Seattle, WA • 17th International Conference: Information Visualisation, July 15-18 2013, London • Groups • d3-js (Google) • Greater Boston useR Group (R Programming Language) • Local meetups (see www.meetup.com) Introduction to Information Visualization - Fall 2012

  24. Questions? • Tutorial survey: • - http://scv.bu.edu/survey/tutorial_evaluation.html Introduction to Information Visualization - Fall 2012

More Related