1 / 24

Introduction to Information Visualization

This course covers the history, components, and workflow of information visualization. Learn about scientific and information visualization, important figures, examples like network visualization and treemaps, and tools like D3 and Google Charts.

erosenthal
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 - Spring 2013

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

  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 - Spring 2013

  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 - Spring 2013

  5. Pre-history • Important figures • William Playfair (1821) – line, bar charts, etc. • 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 - Spring 2013

  6. Examples • Network visualization (vizster) Introduction to Information Visualization - Spring 2013

  7. Examples • Geo data mapping • Demo Introduction to Information Visualization - Spring 2013

  8. Examples • Treemap • Demo Introduction to Information Visualization - Spring 2013

  9. Examples • Circle chart • Demo Introduction to Information Visualization - Spring 2013

  10. Examples • Population “Trendalyzer” • Demo Introduction to Information Visualization - Spring 2013

  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 - Spring 2013

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

  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 - Spring 2013

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

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

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

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

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

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

  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 - Spring 2013

  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 - Spring 2013

  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 • Interactive Data Visualization for the Web, Scott Murray • 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 - Spring 2013

  23. Resources • Conferences • 17thInternational 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 - Spring 2013

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

More Related