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

  • Published on
    04-Jan-2016

  • View
    213

  • Download
    0

Embed Size (px)

Transcript

  • Introduction to Information VisualizationRobert Putnamputnam@bu.eduIntroduction to Information Visualization - Fall 2012

  • OutlineIntroduction to Information Visualization - Fall 2012Introduction / DefinitionHistoryExamplesWorkflow / PipelineSoftware overviewHands-on exercisesResources

  • Sci vis versus Info visIntroduction to Information Visualization - Fall 2012*Adapted from The ParaView Tutorial, Moreland 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).

  • Information visualizationIntroduction to Information Visualization - Fall 2012

    Information visualization: concerned with data that does not have a well-defined representation in 2D or 3D space (i.e., abstract data).

  • Pre-historyIntroduction to Information Visualization - Fall 2012Important figuresWilliam Playfair (1821) lines, areas for data displayCharles Joseph Minard (1869) Napoleons march, etc.Jacques Bertin (1967) theoretical basis for infographicsJohn Tukey (1977) exploratory data analysisEdward Tufte (1983) statistical graphics standards/practices1985 NSF Workshop on Scientific Visualization1990: S.K.Card, et al. Readings in Information Visualization: Using Vision to Think

  • Introduction to Information Visualization - Fall 2012

  • Introduction to Information Visualization - Fall 2012

  • ExamplesIntroduction to Information Visualization - Fall 2012Network visualization (vizster)

  • ExamplesIntroduction to Information Visualization - Fall 2012Geo data mapping

    Demo

  • ExamplesIntroduction to Information Visualization - Fall 2012Treemap

    Demo

  • ExamplesIntroduction to Information Visualization - Fall 2012Circle chart

    Demo

  • ExamplesIntroduction to Information Visualization - Fall 2012Population Trendalyzer

    Demo

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

  • Visualization componentsIntroduction to Information Visualization - Fall 2012ColorSizeTextureProximityAnnotationInteractivity Selection / FilteringZoomAnimation

  • Info vis workflow / pipeline*Introduction to Information Visualization - Fall 2012AcquireParseFilterMineRepresentVisual structure for dataViewRefineInteract* Adapted from Fry, Visualizing Data

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

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

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

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

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

  • Info vis workflow / pipelineIntroduction to Information Visualization - Fall 2012Interact

    Demo[p. 12, Fry, Visualizing Data]

  • Visualization softwareIntroduction to Information Visualization - Fall 2012Host language (C/C++/Java/Python) plus OpenGLStat/math package with graphicsRMATLABSpecial-purpose info viz softwareEarth mapping, biological network visualization, etc.Browser-enabled graphics/info viz packagesGoogle ChartsProcessing / Processing.jsD3Java + Flash (becoming rarer)

  • Hands-onIntroduction to Information Visualization - Fall 2012HTML intro*Google chartsD3*Enabling software: - JavaScript: the language** of the web - JSON: JavaScript Object Notation - SVG: Scalable Vector Graphics - CSS: Cascading Style Sheets**currently

  • ResourcesBooksVisual Complexity, Mapping Patterns of Information , Manuel LimaThe Visual Display of Quantitative Information, Edward TufteInformation Visualization: Beyond the Horizon, Chaomei ChenJavaScript: The Definitive Guide, David FlanaganGetting Started with D3, Mike DewarVisualizing Data, Ben FryWebsiteshttp://processingjs.org/http://d3js.org/, https://github.com/mbostock/d3/wiki/API-Referencehttp://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

  • ResourcesConferencesVisWeek 2012, October 14-19, 2012, Seattle, WA17th International Conference: Information Visualisation, July 15-18 2013, LondonGroupsd3-js (Google)Greater Boston useR Group (R Programming Language)Local meetups (see www.meetup.com)Introduction to Information Visualization - Fall 2012

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

    **************************

Recommended

View more >