SlideShare a Scribd company logo
Introduction to Information Visualization
Robert Putnam
putnam@bu.edu
Introduction to Information Visualization - Fall 2013
Outline
Introduction to Information Visualization - Fall 2013
 Introduction / Definition
 History
 Examples
 Workflow / Pipeline
 Software overview
 Hands-on exercises
 Resources
“Sci vis” versus “Info vis”
Introduction to Information Visualization - Fall 2013
*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 visualization
Introduction to Information Visualization - Fall 2013
• Information visualization: concerned with data that
does not have a well-defined representation in 2D or
3D space (i.e., “abstract data”).
Pre-history
Introduction to Information Visualization - Fall 2013
 Selected figures
– William Playfair (1821) – line, bar charts, etc.
– Charles Joseph Minard (1869) – Napoleon’s march, etc.
– Jacques Bertin (1967) – “semiology of graphics”
– 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
Examples
Introduction to Information Visualization - Fall 2013
 Network visualization
(vizster)
Examples
Introduction to Information Visualization - Fall 2013
 Geo data
mapping
 Demo
Examples
Introduction to Information Visualization - Fall 2013
 Treemap
 Demo
Examples
Introduction to Information Visualization - Fall 2013
 Circle chart
 Demo
Examples
Introduction to Information Visualization - Fall 2013
 Population
“Trendalyzer”
 Demo
Additional Examples
Introduction to Information Visualization - Fall 2013
 NY Times words, words, numbers
 Visual Complexity (from book by Manuel Lima)
 50 examples (from June 2009, somewhat dated)
 D3 Gallery
Visualization components
Introduction to Information Visualization - Fall 2013
 Color
 Size
 Texture
 Proximity
 Annotation
 Interactivity
– Selection / Filtering
– Zoom
– Animation
Info vis workflow / pipeline*
Introduction to Information Visualization - Fall 2013
 Acquire
 Parse
 Filter
 Mine
 Represent
 Refine
 Interact
* Adapted from Fry, Visualizing Data
Info vis workflow / pipeline
Introduction to Information Visualization - Fall 2013
 Acquire
[p. 7, Fry, Visualizing Data]
Info vis workflow / pipeline
Introduction to Information Visualization - Fall 2013
 Parse
[p. 8, Fry, Visualizing Data]
Info vis workflow / pipeline
Introduction to Information Visualization - Fall 2013
 Filter/Mine
[p. 10, Fry, Visualizing Data]
Info vis workflow / pipeline
Introduction to Information Visualization - Fall 2013
 Represent
[p. 10, Fry, Visualizing Data]
Info vis workflow / pipeline
Introduction to Information Visualization - Fall 2013
 Refine
[p. 12, Fry, Visualizing Data]
Info vis workflow / pipeline
Introduction to Information Visualization - Fall 2013
 Interact
 Demo
[p. 12, Fry, Visualizing Data]
Visualization software
Introduction to Information Visualization - Fall 2013
 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)
Hands-on
Introduction to Information Visualization - Fall 2013
 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
Resources
 Books
– Visual Complexity, Mapping Patterns of Information , Manuel Lima
– The Visual Display of Quantitative Information, Edward Tufte
– Information Visualization: Beyond the Horizon, Chaomei Chen
– 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://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 2013
Resources
 Web sites (cont.)
– http://fellinlovewithdata.com/
– http://infosthetics.com/
– http://visual.ly/
 Conferences
– 17th International Conference: Information Visualisation, July 15-18 2013,
London
– IEEE VIS 2013, October 13-18, Atlanta
 Groups
– d3-js (Google)
– Greater Boston useR Group (R Programming Language)
– Local meetups (see www.meetup.com)
Introduction to Information Visualization - Fall 2013
Questions?
 Tutorial survey:
- http://scv.bu.edu/survey/tutorial_evaluation.html
Introduction to Information Visualization - Fall 2013

More Related Content

Similar to Information-Visualization-Fall-2013.ppt

Knowledge Graphs - The Power of Graph-Based Search
Knowledge Graphs - The Power of Graph-Based SearchKnowledge Graphs - The Power of Graph-Based Search
Knowledge Graphs - The Power of Graph-Based Search
Neo4j
 
(R17A0528) BIG DATA ANALYTICS.pdf
(R17A0528) BIG DATA ANALYTICS.pdf(R17A0528) BIG DATA ANALYTICS.pdf
(R17A0528) BIG DATA ANALYTICS.pdf
Sreenivasa Harish
 
(R17A0528) BIG DATA ANALYTICS.pdf
(R17A0528) BIG DATA ANALYTICS.pdf(R17A0528) BIG DATA ANALYTICS.pdf
(R17A0528) BIG DATA ANALYTICS.pdf
PoornimaShetty27
 
Towards a rebirth of data science (by Data Fellas)
Towards a rebirth of data science (by Data Fellas)Towards a rebirth of data science (by Data Fellas)
Towards a rebirth of data science (by Data Fellas)
Andy Petrella
 
Big Data Analytics
Big Data AnalyticsBig Data Analytics
Big Data Analytics
Osman Ali
 
How to deal with nested lists in R?
How to deal with nested lists in R? How to deal with nested lists in R?
How to deal with nested lists in R?
Sotrender
 
Big Data Analytics
Big Data AnalyticsBig Data Analytics
Big Data Analytics
Ghulam Imaduddin
 
FITC - Data Visualization in Practice
FITC - Data Visualization in PracticeFITC - Data Visualization in Practice
FITC - Data Visualization in Practice
Rami Sayar
 
Data Science with Spark
Data Science with SparkData Science with Spark
Data Science with Spark
Krishna Sankar
 
datadrivengraph
datadrivengraphdatadrivengraph
datadrivengraph
padmaja11
 
Evolving from RDBMS to NoSQL + SQL
Evolving from RDBMS to NoSQL + SQLEvolving from RDBMS to NoSQL + SQL
Evolving from RDBMS to NoSQL + SQL
MapR Technologies
 
Data Visualisation: Types, Principles, and Tools
Data Visualisation: Types, Principles, and ToolsData Visualisation: Types, Principles, and Tools
Data Visualisation: Types, Principles, and Tools
Sumandro C
 
KnowEscape workshop, OKCon 2013
KnowEscape workshop, OKCon 2013KnowEscape workshop, OKCon 2013
KnowEscape workshop, OKCon 2013Stefan Dietze
 
Web Science Synergies: Exploring Web Knowledge through the Semantic Web
Web Science Synergies: Exploring Web Knowledge through the Semantic WebWeb Science Synergies: Exploring Web Knowledge through the Semantic Web
Web Science Synergies: Exploring Web Knowledge through the Semantic WebStefan Dietze
 
Vizipedia prez
Vizipedia prezVizipedia prez
Vizipedia prez
Julie Rodriguez
 
Bigdataanalytics
BigdataanalyticsBigdataanalytics
Bigdataanalytics
Haroon Karim
 
Semantic Days ’13 and potential conference crashes
Semantic Days ’13 and potential conference crashesSemantic Days ’13 and potential conference crashes
Semantic Days ’13 and potential conference crashes
André Torkveen
 
INF2190_W1_2016_public
INF2190_W1_2016_publicINF2190_W1_2016_public
INF2190_W1_2016_publicAttila Barta
 
Visualized Conference and jQuery Conference
Visualized Conference and jQuery ConferenceVisualized Conference and jQuery Conference
Visualized Conference and jQuery Conference
Keiichiro Ono
 

Similar to Information-Visualization-Fall-2013.ppt (20)

Knowledge Graphs - The Power of Graph-Based Search
Knowledge Graphs - The Power of Graph-Based SearchKnowledge Graphs - The Power of Graph-Based Search
Knowledge Graphs - The Power of Graph-Based Search
 
(R17A0528) BIG DATA ANALYTICS.pdf
(R17A0528) BIG DATA ANALYTICS.pdf(R17A0528) BIG DATA ANALYTICS.pdf
(R17A0528) BIG DATA ANALYTICS.pdf
 
(R17A0528) BIG DATA ANALYTICS.pdf
(R17A0528) BIG DATA ANALYTICS.pdf(R17A0528) BIG DATA ANALYTICS.pdf
(R17A0528) BIG DATA ANALYTICS.pdf
 
Towards a rebirth of data science (by Data Fellas)
Towards a rebirth of data science (by Data Fellas)Towards a rebirth of data science (by Data Fellas)
Towards a rebirth of data science (by Data Fellas)
 
Big Data Analytics
Big Data AnalyticsBig Data Analytics
Big Data Analytics
 
How to deal with nested lists in R?
How to deal with nested lists in R? How to deal with nested lists in R?
How to deal with nested lists in R?
 
Big Data Analytics
Big Data AnalyticsBig Data Analytics
Big Data Analytics
 
FITC - Data Visualization in Practice
FITC - Data Visualization in PracticeFITC - Data Visualization in Practice
FITC - Data Visualization in Practice
 
Data Science with Spark
Data Science with SparkData Science with Spark
Data Science with Spark
 
datadrivengraph
datadrivengraphdatadrivengraph
datadrivengraph
 
Evolving from RDBMS to NoSQL + SQL
Evolving from RDBMS to NoSQL + SQLEvolving from RDBMS to NoSQL + SQL
Evolving from RDBMS to NoSQL + SQL
 
Data Visualisation: Types, Principles, and Tools
Data Visualisation: Types, Principles, and ToolsData Visualisation: Types, Principles, and Tools
Data Visualisation: Types, Principles, and Tools
 
KnowEscape workshop, OKCon 2013
KnowEscape workshop, OKCon 2013KnowEscape workshop, OKCon 2013
KnowEscape workshop, OKCon 2013
 
Web Science Synergies: Exploring Web Knowledge through the Semantic Web
Web Science Synergies: Exploring Web Knowledge through the Semantic WebWeb Science Synergies: Exploring Web Knowledge through the Semantic Web
Web Science Synergies: Exploring Web Knowledge through the Semantic Web
 
Couchbase
CouchbaseCouchbase
Couchbase
 
Vizipedia prez
Vizipedia prezVizipedia prez
Vizipedia prez
 
Bigdataanalytics
BigdataanalyticsBigdataanalytics
Bigdataanalytics
 
Semantic Days ’13 and potential conference crashes
Semantic Days ’13 and potential conference crashesSemantic Days ’13 and potential conference crashes
Semantic Days ’13 and potential conference crashes
 
INF2190_W1_2016_public
INF2190_W1_2016_publicINF2190_W1_2016_public
INF2190_W1_2016_public
 
Visualized Conference and jQuery Conference
Visualized Conference and jQuery ConferenceVisualized Conference and jQuery Conference
Visualized Conference and jQuery Conference
 

Recently uploaded

Analysis insight about a Flyball dog competition team's performance
Analysis insight about a Flyball dog competition team's performanceAnalysis insight about a Flyball dog competition team's performance
Analysis insight about a Flyball dog competition team's performance
roli9797
 
Unleashing the Power of Data_ Choosing a Trusted Analytics Platform.pdf
Unleashing the Power of Data_ Choosing a Trusted Analytics Platform.pdfUnleashing the Power of Data_ Choosing a Trusted Analytics Platform.pdf
Unleashing the Power of Data_ Choosing a Trusted Analytics Platform.pdf
Enterprise Wired
 
Data_and_Analytics_Essentials_Architect_an_Analytics_Platform.pptx
Data_and_Analytics_Essentials_Architect_an_Analytics_Platform.pptxData_and_Analytics_Essentials_Architect_an_Analytics_Platform.pptx
Data_and_Analytics_Essentials_Architect_an_Analytics_Platform.pptx
AnirbanRoy608946
 
Everything you wanted to know about LIHTC
Everything you wanted to know about LIHTCEverything you wanted to know about LIHTC
Everything you wanted to know about LIHTC
Roger Valdez
 
一比一原版(Bradford毕业证书)布拉德福德大学毕业证如何办理
一比一原版(Bradford毕业证书)布拉德福德大学毕业证如何办理一比一原版(Bradford毕业证书)布拉德福德大学毕业证如何办理
一比一原版(Bradford毕业证书)布拉德福德大学毕业证如何办理
mbawufebxi
 
Chatty Kathy - UNC Bootcamp Final Project Presentation - Final Version - 5.23...
Chatty Kathy - UNC Bootcamp Final Project Presentation - Final Version - 5.23...Chatty Kathy - UNC Bootcamp Final Project Presentation - Final Version - 5.23...
Chatty Kathy - UNC Bootcamp Final Project Presentation - Final Version - 5.23...
John Andrews
 
06-04-2024 - NYC Tech Week - Discussion on Vector Databases, Unstructured Dat...
06-04-2024 - NYC Tech Week - Discussion on Vector Databases, Unstructured Dat...06-04-2024 - NYC Tech Week - Discussion on Vector Databases, Unstructured Dat...
06-04-2024 - NYC Tech Week - Discussion on Vector Databases, Unstructured Dat...
Timothy Spann
 
原版制作(Deakin毕业证书)迪肯大学毕业证学位证一模一样
原版制作(Deakin毕业证书)迪肯大学毕业证学位证一模一样原版制作(Deakin毕业证书)迪肯大学毕业证学位证一模一样
原版制作(Deakin毕业证书)迪肯大学毕业证学位证一模一样
u86oixdj
 
Levelwise PageRank with Loop-Based Dead End Handling Strategy : SHORT REPORT ...
Levelwise PageRank with Loop-Based Dead End Handling Strategy : SHORT REPORT ...Levelwise PageRank with Loop-Based Dead End Handling Strategy : SHORT REPORT ...
Levelwise PageRank with Loop-Based Dead End Handling Strategy : SHORT REPORT ...
Subhajit Sahu
 
Adjusting primitives for graph : SHORT REPORT / NOTES
Adjusting primitives for graph : SHORT REPORT / NOTESAdjusting primitives for graph : SHORT REPORT / NOTES
Adjusting primitives for graph : SHORT REPORT / NOTES
Subhajit Sahu
 
The Building Blocks of QuestDB, a Time Series Database
The Building Blocks of QuestDB, a Time Series DatabaseThe Building Blocks of QuestDB, a Time Series Database
The Building Blocks of QuestDB, a Time Series Database
javier ramirez
 
一比一原版(Adelaide毕业证书)阿德莱德大学毕业证如何办理
一比一原版(Adelaide毕业证书)阿德莱德大学毕业证如何办理一比一原版(Adelaide毕业证书)阿德莱德大学毕业证如何办理
一比一原版(Adelaide毕业证书)阿德莱德大学毕业证如何办理
slg6lamcq
 
一比一原版(Coventry毕业证书)考文垂大学毕业证如何办理
一比一原版(Coventry毕业证书)考文垂大学毕业证如何办理一比一原版(Coventry毕业证书)考文垂大学毕业证如何办理
一比一原版(Coventry毕业证书)考文垂大学毕业证如何办理
74nqk8xf
 
一比一原版(UofS毕业证书)萨省大学毕业证如何办理
一比一原版(UofS毕业证书)萨省大学毕业证如何办理一比一原版(UofS毕业证书)萨省大学毕业证如何办理
一比一原版(UofS毕业证书)萨省大学毕业证如何办理
v3tuleee
 
哪里卖(usq毕业证书)南昆士兰大学毕业证研究生文凭证书托福证书原版一模一样
哪里卖(usq毕业证书)南昆士兰大学毕业证研究生文凭证书托福证书原版一模一样哪里卖(usq毕业证书)南昆士兰大学毕业证研究生文凭证书托福证书原版一模一样
哪里卖(usq毕业证书)南昆士兰大学毕业证研究生文凭证书托福证书原版一模一样
axoqas
 
The affect of service quality and online reviews on customer loyalty in the E...
The affect of service quality and online reviews on customer loyalty in the E...The affect of service quality and online reviews on customer loyalty in the E...
The affect of service quality and online reviews on customer loyalty in the E...
jerlynmaetalle
 
Ch03-Managing the Object-Oriented Information Systems Project a.pdf
Ch03-Managing the Object-Oriented Information Systems Project a.pdfCh03-Managing the Object-Oriented Information Systems Project a.pdf
Ch03-Managing the Object-Oriented Information Systems Project a.pdf
haila53
 
一比一原版(BCU毕业证书)伯明翰城市大学毕业证如何办理
一比一原版(BCU毕业证书)伯明翰城市大学毕业证如何办理一比一原版(BCU毕业证书)伯明翰城市大学毕业证如何办理
一比一原版(BCU毕业证书)伯明翰城市大学毕业证如何办理
dwreak4tg
 
【社内勉強会資料_Octo: An Open-Source Generalist Robot Policy】
【社内勉強会資料_Octo: An Open-Source Generalist Robot Policy】【社内勉強会資料_Octo: An Open-Source Generalist Robot Policy】
【社内勉強会資料_Octo: An Open-Source Generalist Robot Policy】
NABLAS株式会社
 
Malana- Gimlet Market Analysis (Portfolio 2)
Malana- Gimlet Market Analysis (Portfolio 2)Malana- Gimlet Market Analysis (Portfolio 2)
Malana- Gimlet Market Analysis (Portfolio 2)
TravisMalana
 

Recently uploaded (20)

Analysis insight about a Flyball dog competition team's performance
Analysis insight about a Flyball dog competition team's performanceAnalysis insight about a Flyball dog competition team's performance
Analysis insight about a Flyball dog competition team's performance
 
Unleashing the Power of Data_ Choosing a Trusted Analytics Platform.pdf
Unleashing the Power of Data_ Choosing a Trusted Analytics Platform.pdfUnleashing the Power of Data_ Choosing a Trusted Analytics Platform.pdf
Unleashing the Power of Data_ Choosing a Trusted Analytics Platform.pdf
 
Data_and_Analytics_Essentials_Architect_an_Analytics_Platform.pptx
Data_and_Analytics_Essentials_Architect_an_Analytics_Platform.pptxData_and_Analytics_Essentials_Architect_an_Analytics_Platform.pptx
Data_and_Analytics_Essentials_Architect_an_Analytics_Platform.pptx
 
Everything you wanted to know about LIHTC
Everything you wanted to know about LIHTCEverything you wanted to know about LIHTC
Everything you wanted to know about LIHTC
 
一比一原版(Bradford毕业证书)布拉德福德大学毕业证如何办理
一比一原版(Bradford毕业证书)布拉德福德大学毕业证如何办理一比一原版(Bradford毕业证书)布拉德福德大学毕业证如何办理
一比一原版(Bradford毕业证书)布拉德福德大学毕业证如何办理
 
Chatty Kathy - UNC Bootcamp Final Project Presentation - Final Version - 5.23...
Chatty Kathy - UNC Bootcamp Final Project Presentation - Final Version - 5.23...Chatty Kathy - UNC Bootcamp Final Project Presentation - Final Version - 5.23...
Chatty Kathy - UNC Bootcamp Final Project Presentation - Final Version - 5.23...
 
06-04-2024 - NYC Tech Week - Discussion on Vector Databases, Unstructured Dat...
06-04-2024 - NYC Tech Week - Discussion on Vector Databases, Unstructured Dat...06-04-2024 - NYC Tech Week - Discussion on Vector Databases, Unstructured Dat...
06-04-2024 - NYC Tech Week - Discussion on Vector Databases, Unstructured Dat...
 
原版制作(Deakin毕业证书)迪肯大学毕业证学位证一模一样
原版制作(Deakin毕业证书)迪肯大学毕业证学位证一模一样原版制作(Deakin毕业证书)迪肯大学毕业证学位证一模一样
原版制作(Deakin毕业证书)迪肯大学毕业证学位证一模一样
 
Levelwise PageRank with Loop-Based Dead End Handling Strategy : SHORT REPORT ...
Levelwise PageRank with Loop-Based Dead End Handling Strategy : SHORT REPORT ...Levelwise PageRank with Loop-Based Dead End Handling Strategy : SHORT REPORT ...
Levelwise PageRank with Loop-Based Dead End Handling Strategy : SHORT REPORT ...
 
Adjusting primitives for graph : SHORT REPORT / NOTES
Adjusting primitives for graph : SHORT REPORT / NOTESAdjusting primitives for graph : SHORT REPORT / NOTES
Adjusting primitives for graph : SHORT REPORT / NOTES
 
The Building Blocks of QuestDB, a Time Series Database
The Building Blocks of QuestDB, a Time Series DatabaseThe Building Blocks of QuestDB, a Time Series Database
The Building Blocks of QuestDB, a Time Series Database
 
一比一原版(Adelaide毕业证书)阿德莱德大学毕业证如何办理
一比一原版(Adelaide毕业证书)阿德莱德大学毕业证如何办理一比一原版(Adelaide毕业证书)阿德莱德大学毕业证如何办理
一比一原版(Adelaide毕业证书)阿德莱德大学毕业证如何办理
 
一比一原版(Coventry毕业证书)考文垂大学毕业证如何办理
一比一原版(Coventry毕业证书)考文垂大学毕业证如何办理一比一原版(Coventry毕业证书)考文垂大学毕业证如何办理
一比一原版(Coventry毕业证书)考文垂大学毕业证如何办理
 
一比一原版(UofS毕业证书)萨省大学毕业证如何办理
一比一原版(UofS毕业证书)萨省大学毕业证如何办理一比一原版(UofS毕业证书)萨省大学毕业证如何办理
一比一原版(UofS毕业证书)萨省大学毕业证如何办理
 
哪里卖(usq毕业证书)南昆士兰大学毕业证研究生文凭证书托福证书原版一模一样
哪里卖(usq毕业证书)南昆士兰大学毕业证研究生文凭证书托福证书原版一模一样哪里卖(usq毕业证书)南昆士兰大学毕业证研究生文凭证书托福证书原版一模一样
哪里卖(usq毕业证书)南昆士兰大学毕业证研究生文凭证书托福证书原版一模一样
 
The affect of service quality and online reviews on customer loyalty in the E...
The affect of service quality and online reviews on customer loyalty in the E...The affect of service quality and online reviews on customer loyalty in the E...
The affect of service quality and online reviews on customer loyalty in the E...
 
Ch03-Managing the Object-Oriented Information Systems Project a.pdf
Ch03-Managing the Object-Oriented Information Systems Project a.pdfCh03-Managing the Object-Oriented Information Systems Project a.pdf
Ch03-Managing the Object-Oriented Information Systems Project a.pdf
 
一比一原版(BCU毕业证书)伯明翰城市大学毕业证如何办理
一比一原版(BCU毕业证书)伯明翰城市大学毕业证如何办理一比一原版(BCU毕业证书)伯明翰城市大学毕业证如何办理
一比一原版(BCU毕业证书)伯明翰城市大学毕业证如何办理
 
【社内勉強会資料_Octo: An Open-Source Generalist Robot Policy】
【社内勉強会資料_Octo: An Open-Source Generalist Robot Policy】【社内勉強会資料_Octo: An Open-Source Generalist Robot Policy】
【社内勉強会資料_Octo: An Open-Source Generalist Robot Policy】
 
Malana- Gimlet Market Analysis (Portfolio 2)
Malana- Gimlet Market Analysis (Portfolio 2)Malana- Gimlet Market Analysis (Portfolio 2)
Malana- Gimlet Market Analysis (Portfolio 2)
 

Information-Visualization-Fall-2013.ppt

  • 1. Introduction to Information Visualization Robert Putnam putnam@bu.edu Introduction to Information Visualization - Fall 2013
  • 2. Outline Introduction to Information Visualization - Fall 2013  Introduction / Definition  History  Examples  Workflow / Pipeline  Software overview  Hands-on exercises  Resources
  • 3. “Sci vis” versus “Info vis” Introduction to Information Visualization - Fall 2013 *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).
  • 4. Information visualization Introduction to Information Visualization - Fall 2013 • Information visualization: concerned with data that does not have a well-defined representation in 2D or 3D space (i.e., “abstract data”).
  • 5. Pre-history Introduction to Information Visualization - Fall 2013  Selected figures – William Playfair (1821) – line, bar charts, etc. – Charles Joseph Minard (1869) – Napoleon’s march, etc. – Jacques Bertin (1967) – “semiology of graphics” – 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
  • 6. Examples Introduction to Information Visualization - Fall 2013  Network visualization (vizster)
  • 7. Examples Introduction to Information Visualization - Fall 2013  Geo data mapping  Demo
  • 8. Examples Introduction to Information Visualization - Fall 2013  Treemap  Demo
  • 9. Examples Introduction to Information Visualization - Fall 2013  Circle chart  Demo
  • 10. Examples Introduction to Information Visualization - Fall 2013  Population “Trendalyzer”  Demo
  • 11. Additional Examples Introduction to Information Visualization - Fall 2013  NY Times words, words, numbers  Visual Complexity (from book by Manuel Lima)  50 examples (from June 2009, somewhat dated)  D3 Gallery
  • 12. Visualization components Introduction to Information Visualization - Fall 2013  Color  Size  Texture  Proximity  Annotation  Interactivity – Selection / Filtering – Zoom – Animation
  • 13. Info vis workflow / pipeline* Introduction to Information Visualization - Fall 2013  Acquire  Parse  Filter  Mine  Represent  Refine  Interact * Adapted from Fry, Visualizing Data
  • 14. Info vis workflow / pipeline Introduction to Information Visualization - Fall 2013  Acquire [p. 7, Fry, Visualizing Data]
  • 15. Info vis workflow / pipeline Introduction to Information Visualization - Fall 2013  Parse [p. 8, Fry, Visualizing Data]
  • 16. Info vis workflow / pipeline Introduction to Information Visualization - Fall 2013  Filter/Mine [p. 10, Fry, Visualizing Data]
  • 17. Info vis workflow / pipeline Introduction to Information Visualization - Fall 2013  Represent [p. 10, Fry, Visualizing Data]
  • 18. Info vis workflow / pipeline Introduction to Information Visualization - Fall 2013  Refine [p. 12, Fry, Visualizing Data]
  • 19. Info vis workflow / pipeline Introduction to Information Visualization - Fall 2013  Interact  Demo [p. 12, Fry, Visualizing Data]
  • 20. Visualization software Introduction to Information Visualization - Fall 2013  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)
  • 21. Hands-on Introduction to Information Visualization - Fall 2013  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
  • 22. Resources  Books – Visual Complexity, Mapping Patterns of Information , Manuel Lima – The Visual Display of Quantitative Information, Edward Tufte – Information Visualization: Beyond the Horizon, Chaomei Chen – 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://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 2013
  • 23. Resources  Web sites (cont.) – http://fellinlovewithdata.com/ – http://infosthetics.com/ – http://visual.ly/  Conferences – 17th International Conference: Information Visualisation, July 15-18 2013, London – IEEE VIS 2013, October 13-18, Atlanta  Groups – d3-js (Google) – Greater Boston useR Group (R Programming Language) – Local meetups (see www.meetup.com) Introduction to Information Visualization - Fall 2013
  • 24. Questions?  Tutorial survey: - http://scv.bu.edu/survey/tutorial_evaluation.html Introduction to Information Visualization - Fall 2013