SlideShare una empresa de Scribd logo
1 de 66
#DataVizInSixWeeks
Copyright Anne Stevens
Viz types
#DataVizInSixWeeks
Copyright Anne Stevens
Week One
What is data visualization?
Historical context
Week Four
Design issues & best practices
Week Two
Visualization types
Week Five
Big data, data management
Week Three
Perception and cognition
Week Six
Synthesis
Data Viz In Six Weeks
An Introduction to Visual Analytics course taught at OCAD University, Toronto
By Anne Stevens
#DataVizInSixWeeks
Copyright Anne Stevens
Not all viz types are created equal
Anne Stevens
#DataVizInSixWeeks
Copyright Anne Stevens
Taxonomy of viz types
#DataVizInSixWeeks
Copyright Anne Stevens
Flows
#DataVizInSixWeeks
Copyright Anne Stevens
Time series
Charles Minard, Napoleon’s March on Moscow. 1869
http://en.wikipedia.org/wiki/File:Minard.png
#DataVizInSixWeeks
Copyright Anne Stevens
Time series
Twitter StreamGraph for Kleenex
thoughtgadgets.com/beyond-sentiment-analysis/
#DataVizInSixWeeks
Copyright Anne Stevens
Clocks, spirals
Spiral Clock. emn.fr/z-info/spiraclock (top left). Doug McCune. Visualizing Cyclical Time. dougmccune.com/blog/2011/04/21/visualizing-cyclical-time-hour-of-
day-charts/ (Top Right).. Doublas Ian Scott. Africa’s Population Growth from 0 AD to 2050 AD. visualizing.org/visualizations/africas-population-growth-0-ad-
2050-ad-combined-maddison-and-united-nations-data (Bottom Left).
#DataVizInSixWeeks
Copyright Anne Stevens
Waterfall diagram
www.cimaglobal.com/
#DataVizInSixWeeks
Copyright Anne Stevens
Balloon race diagram
Hans Rosling
Gapminder.org
#DataVizInSixWeeks
Copyright Anne Stevens
Thread arc diagram
visualcomplexity.com
#DataVizInSixWeeks
Copyright Anne Stevens
Thread arc diagrams
Martin Wattenberg, The Shape of Song.
turbulence.org
#DataVizInSixWeeks
Copyright Anne Stevens
Martin Wattenberg, The Shape of Song.
turbulence.org
#DataVizInSixWeeks
Copyright Anne StevensCopyright Anne
#DataVizInSixWeeks
Copyright Anne Stevens
Sankey diagram
Info Design Patterns
niceone.org
#DataVizInSixWeeks
Copyright Anne Stevens
Trends
#DataVizInSixWeeks
Copyright Anne Stevens
Line chart
climate4you.com/GlobalTemperatures.htm
#DataVizInSixWeeks
Copyright Anne Stevens
Sparklines
easynotecards.com
#DataVizInSixWeeks
Copyright Anne Stevens
Sparklines: small multiples
#DataVizInSixWeeks
Copyright Anne Stevens
#DataVizInSixWeeks
Copyright Anne Stevens
Relationship
#DataVizInSixWeeks
Copyright Anne Stevens
Scatterplot
docs.enthought.com
#DataVizInSixWeeks
Copyright Anne Stevens
Venn diagram
#DataVizInSixWeeks
Copyright Anne Stevens
Node-link diagram
c/o Fanny Chevalier
#DataVizInSixWeeks
Copyright Anne Stevens
Topographic map
Tube map, 1908
http://en.wikipedia.org/wiki/Tube_map
#DataVizInSixWeeks
Copyright Anne Stevens
Topologic map
Harry Beck’s original Tube map, 1933
http://britton.disted.camosun.bc.ca/beckmap.htm
#DataVizInSixWeeks
Copyright Anne Stevens
#DataVizInSixWeeks
Copyright Anne Stevens
Tree
#DataVizInSixWeeks
Copyright Anne Stevens
Word tree
Word Tree
openbible.info/blog/2007/09/visualization-genesis-word-trees/
#DataVizInSixWeeks
Copyright Anne Stevens
Circular tree
c/o Fanny Chevalier
#DataVizInSixWeeks
Copyright Anne Stevens
Icicle tree Sunray tree
c/o Fanny Chevalier
#DataVizInSixWeeks
Copyright Anne Stevens
Composition
#DataVizInSixWeeks
Copyright Anne Stevens
Pie chart
#DataVizInSixWeeks
Copyright Anne Stevens
Pies: the lowest form of visualization
#DataVizInSixWeeks
Copyright Anne Stevens
Glyph
Glyph-Based Video Visualization for Semen Analysis
B. Duffy, et al. TVCG 2014 (VIS2014, Friday)
VSL: Straight Line Velocity
(radius and colour)
VAP: Average Path Velocity
(radius)
VCL: Curvilinear Velocity
(radius)
LIN*: VSL/VCL
WOB*: VAP/VCL
STR*: VSL/VAP
ALH: Amplitude of Lateral
Head Displacement (length)
BCF: Beat-Cross Frequency
(length/circumference)
MAD: Mean Angular
Displacement (angle)
SLD: Straight Line Direction
(shape orientation)
HP: Head Position
(center position)
HW: Head Width
(shape width)
HL: Head Length
(shape length)
HR: Head Rotation
(shape orientation)
Uncertainty
(colour)
FTA: Total Projected
Arclength of Filament
FCA: Change-in-Angle of
Filament
FTT: Total Torque of
Filament (thickness)
FAS: Asymmetry of Filament
(angular displacement)
V0: Zero Velocity
(fixed radius)
#DataVizInSixWeeks
Copyright Anne Stevens
Glyph-Based Video Visualization for Semen Analysis
B. Duffy, et al. TVCG 2014 (VIS2014, Friday)
#DataVizInSixWeeks
Copyright Anne Stevens
Ring chart
infodesignpatterns.com
#DataVizInSixWeeks
Copyright Anne Stevens
Treemap
Jean-Daniel Fekete
http://www.cs.umd.edu/hcil/VisuMillion/
#DataVizInSixWeeks
Copyright Anne Stevens
#DataVizInSixWeeks
Copyright Anne Stevens
Map of the Market
marketwatch.com/tools/stockresearch/marketmap
#DataVizInSixWeeks
Copyright Anne Stevens
Comparison
#DataVizInSixWeeks
Copyright Anne Stevens
Bar chart
Enrico Bertini. Fell in Love With Data
bit.ly/infovis14-l2
#DataVizInSixWeeks
Copyright Anne Stevens
Bullet chart
wikipedia.org
#DataVizInSixWeeks
Copyright Anne Stevens
Stacked area chart
Martin Wattenberg, Baby Name Voyager. 2005
babynamewizard.com/voyager
#DataVizInSixWeeks
Copyright Anne Stevens
Parallel coordinates diagram
Data Stories, Ownership of Assets and Amenities by District (Proportion of Households)
http://datastories.in/
#DataVizInSixWeeks
Copyright Anne Stevens
Star plot
Tulip software c/o Fanny Chevalier
#DataVizInSixWeeks
Copyright Anne Stevens
Radar chart, spider chart
codeproject.com
#DataVizInSixWeeks
Copyright Anne Stevens
Coxcomb diagram
Diagram of the causes of mortality in the army in the East. Florence Nightengale. 1858
decohan.wordpress.com/2011/10/07/nature-of-visualisation
Grey = disease. Pink = battle wounds. Black = other causes
#DataVizInSixWeeks
Copyright Anne Stevens
Matrix
Charles Perin. The Bertifier
bertifier.com
#DataVizInSixWeeks
Copyright Anne Stevens
Dot matrix
Income Structure 2005, Net Income Distribution by Borough
infodesignpatterns.com
#DataVizInSixWeeks
Copyright Anne Stevens
Matrix of dot matrices
Political Party Landscape 2006. Number of Seats per Party and Borough Assembly
infodesignpatterns.com
#DataVizInSixWeeks
Copyright Anne Stevens
Matrices of any viz form
#DataVizInSixWeeks
Copyright Anne Stevens
Small multiples
Jeffrey Heer
homes.cs.washington.edu/~jheer//files/zoo/
#DataVizInSixWeeks
Copyright Anne Stevens
#DataVizInSixWeeks
Copyright Anne Stevens
Distribution
#DataVizInSixWeeks
Copyright Anne Stevens
Histogram
nikonians.org
#DataVizInSixWeeks
Copyright Anne Stevens
Histogram
#DataVizInSixWeeks
Copyright Anne Stevens
Box & whisker chart
maths.nayland.school.nz (left), wilsonmar.com (right)
#DataVizInSixWeeks
Copyright Anne Stevens
Location based data
#DataVizInSixWeeks
Copyright Anne Stevens
Maps
Paul Butler
Visualizing Friendship
#DataVizInSixWeeks
Copyright Anne Stevens
Choropleth (thematic) maps
Borzu Taleia
#DataVizInSixWeeks
Copyright Anne Stevens
Bubble maps
Borzu Taleia
#DataVizInSixWeeks
Copyright Anne Stevens
Cartograms
World population. worldmapper.org/svg/map2/index.html (top)
Alcohol & cigarette imports. worldmapper.org/display.php?selected=56 (botom)
#DataVizInSixWeeks
Copyright Anne Stevens
Hybrids & composites
#DataVizInSixWeeks
Copyright Anne Stevens
Online resources
A Tour Through the Visualization Zoo, Jeffrey Heer
 hci.stanford.edu/jheer/files/zoo/
Info Design Patterns
 www.niceone.org/infodesignpatterns/index.php5#/patterns.ph
p5
Extreme Presentations
 extremepresentation.typepad.com/blog/2006/09/choosing_a_
good.html
#DataVizInSixWeeks
Copyright Anne Stevens
Week One
What is data visualization?
Historical context
Week Four
Design issues & best practices
Week Two
Visualization types
Week Five
Big data, data management
Week Three
Perception and cognition
Week Six
Synthesis
Data Viz In Six Weeks
An Introduction to Visual Analytics course taught at OCAD University, Toronto
By Anne Stevens
stevensanne.com
stevensanne.com/blog/
@3_ring_binder

Más contenido relacionado

Destacado

Destacado (18)

New Tools and Old Friends: Data journalism at #BBCdataday
New Tools and Old Friends: Data journalism at #BBCdatadayNew Tools and Old Friends: Data journalism at #BBCdataday
New Tools and Old Friends: Data journalism at #BBCdataday
 
What Can Data Journalists and Digital Researchers Learn from Each Other?
What Can Data Journalists and Digital Researchers Learn from Each Other?What Can Data Journalists and Digital Researchers Learn from Each Other?
What Can Data Journalists and Digital Researchers Learn from Each Other?
 
Data Visualization for Journalists and Media
Data Visualization for Journalists and MediaData Visualization for Journalists and Media
Data Visualization for Journalists and Media
 
The Gulf Tower project
The Gulf Tower projectThe Gulf Tower project
The Gulf Tower project
 
Data Tools and the Data Scientist Shortage
Data Tools and the Data Scientist ShortageData Tools and the Data Scientist Shortage
Data Tools and the Data Scientist Shortage
 
大規模BIクラウドWebサービスの裏側
大規模BIクラウドWebサービスの裏側 大規模BIクラウドWebサービスの裏側
大規模BIクラウドWebサービスの裏側
 
How to develop a huge Single Page Application
How to develop a huge Single Page ApplicationHow to develop a huge Single Page Application
How to develop a huge Single Page Application
 
ngTeratail
ngTeratailngTeratail
ngTeratail
 
情報共有から始めるチーム開発とキャリア戦略
情報共有から始めるチーム開発とキャリア戦略情報共有から始めるチーム開発とキャリア戦略
情報共有から始めるチーム開発とキャリア戦略
 
はじめてのAngular2
はじめてのAngular2はじめてのAngular2
はじめてのAngular2
 
Java script.trend(spec)
Java script.trend(spec)Java script.trend(spec)
Java script.trend(spec)
 
現場から変えた“サービスの作り方” -何を作るのかではなくなぜ作るのか- #devsumi
現場から変えた“サービスの作り方” -何を作るのかではなくなぜ作るのか- #devsumi現場から変えた“サービスの作り方” -何を作るのかではなくなぜ作るのか- #devsumi
現場から変えた“サービスの作り方” -何を作るのかではなくなぜ作るのか- #devsumi
 
マイクロサービス時代の動画配信基Ruby×go=∞
マイクロサービス時代の動画配信基Ruby×go=∞マイクロサービス時代の動画配信基Ruby×go=∞
マイクロサービス時代の動画配信基Ruby×go=∞
 
Yahoo! JAPANが考えるテクノロジーとITエンジニアの未来 #devsumi
Yahoo! JAPANが考えるテクノロジーとITエンジニアの未来 #devsumiYahoo! JAPANが考えるテクノロジーとITエンジニアの未来 #devsumi
Yahoo! JAPANが考えるテクノロジーとITエンジニアの未来 #devsumi
 
リアクティブ・アーキテクチャ ~大規模サービスにおける必要性と課題〜 #devsumi
リアクティブ・アーキテクチャ ~大規模サービスにおける必要性と課題〜 #devsumiリアクティブ・アーキテクチャ ~大規模サービスにおける必要性と課題〜 #devsumi
リアクティブ・アーキテクチャ ~大規模サービスにおける必要性と課題〜 #devsumi
 
エンタープライズ企業におけるAWS正式採用への挑戦〜レガシーを微笑みにかえて〜
エンタープライズ企業におけるAWS正式採用への挑戦〜レガシーを微笑みにかえて〜エンタープライズ企業におけるAWS正式採用への挑戦〜レガシーを微笑みにかえて〜
エンタープライズ企業におけるAWS正式採用への挑戦〜レガシーを微笑みにかえて〜
 
エンジニアコミュニティで組織は動き出す
エンジニアコミュニティで組織は動き出すエンジニアコミュニティで組織は動き出す
エンジニアコミュニティで組織は動き出す
 
HTTPとサーバ技術の最新動向
HTTPとサーバ技術の最新動向HTTPとサーバ技術の最新動向
HTTPとサーバ技術の最新動向
 

Último

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

Último (20)

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 

#DataVizInSixWeeks, Week 2 - Viz Types

Notas del editor

  1. Related to pictograms Relationship to Bertin’s visual mapping using primitives: one primitive per data variable Sperm
  2. Located on paths, timelines, maps Provides context