data visualization: a picture’s worth a thousand numbers · 4/25/2014  · purposes:...

25
The Center for IDEA Early Childhood Data Systems April 25, 2014 Data Visualization: A Picture’s Worth a Thousand Numbers Nick Ortiz, Alice Ridgway and Robin Nelson

Upload: others

Post on 23-Aug-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

The  Center  for  IDEA  Early  Childhood  Data  Systems  

April 25, 2014

Data Visualization: A Picture’s Worth a Thousand Numbers Nick Ortiz, Alice Ridgway and Robin Nelson

Page 2: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

!  Why  Data  Visualiza.on?  !  Basic  Principles  !  Considera.ons  for  Approach  !  Examples  !  Community  of  Prac.ce    

Agenda

2

Page 3: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

! #10:    Vision  trumps      all  other  senses.  

 !  #9:    S.mulate  more  of  the  senses  at  the  same  .me.  

! #4:    People  don’t  pay  aHen.on  to  boring  things.    

Why Visualization? Brain Rules:

3

Page 4: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

Slide with nothing at bottom for long lists or graphics

4

Page 5: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

Slide with nothing at bottom for long lists or graphics

5

Page 6: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

Slide with nothing at bottom for long lists or graphics

6

Page 7: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

!  Two  basic  types  – Explora.on  –  find  a  story  in  the  data  – Explana.on  –  tell  a  story  to  an  audience  

!  Represent  large  quan..es  of  data  in  a  comprehensible  way  

!  Help  the  user  see  rela.onships  in  the  data  

The Value of Data Visualization

7

Page 8: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

Four Pillars of Effective Visualizations

8

FormaSng:    useful?  Structure:    correct?  Content:    (only)  the  right  informa.on  Purpose:    clear  and  focused?  

Page 9: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

!  Above  all  else,  show  the  data  !  Maximize  the  data  to  ink  ra.o  

–   Data  ink  is  the  ink  on  a  graph  that    represents  data  

!  Erase  non-­‐data  ink  !  “Do  no  harm”  with  color  –  color  used  poorly  is  worse  than  no  color  at  all  

A Few of Tufte’s Principles

9

Page 10: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

Maximize Data-Ink Ratio

10

Page 11: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

Lots of Non-Data Ink

11

Page 12: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

Erase Non-Data Ink

12

Page 13: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

Erase Non-Data Ink

13

Page 14: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

!  Inappropriate  display  choices  that  distort  reality,  e.g.,  pie  charts,  3-­‐D  charts  

!  Variety  for  the  sake  of  variety  ! Poorly  designed  display  choices  that  use  noisy  fill  paHerns,  line  styles,  saturated/bright  colors  

! Inconsistent  ordering  and  placement  ! Inconsistent  or  reversed  scales  ! Propor.onal  axis  scaling  

Common Data Visualization Issues

14

Page 15: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

!  See  Rela.onships  Among  Data  Points  – ScaHerplot;  Matrix  Chart;  Network  Diagram  

!  Compare  a  set  of  values  – Bar  Chart;  Block  Histogram;  Bubble  Chart  

!  Track  changes  (rises/falls)  over  .me  – Line  Graph;  Stack  Graph;  Stack  Graph  for  Categories  

 

Visualization Options / Many Eyes

15

Page 16: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

!  See  the  Parts  of  a  Whole  – Pie  Chart;  Treemap  

!  Analyze  Text  – Word  Tree;  Tag  Cloud;  Phrase  Net;  Word  Cloud  Generator  

!  See  the  World  – Maps  

Visualization Options (continued)

16

Page 17: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

17

Factors to Consider for Data Visualizations

Page 18: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

Purposes:  Data  explora.on  Establish  a  conceptual  framework  for  how  to  understand  data  Presenta.on  PaHern  checking  Modeling  for  local  programs  Repor.ng/public  awareness    Audiences  (internal  and  external  stakeholders):  State  level  staff  Families  Monitoring  groups  Local  programs  Advocacy  groups  Legislators    Level  of  investment:  Free  applica.ons,  easy-­‐to-­‐use,  quick  Free-­‐to-­‐inexpensive,  might  have  to  learn  how  to  do  something,  more  ambi.ous  Costs  $$$,  complex  or  need  to  contract  with  an  outside  party  

Page 19: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!
Page 20: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

$$$  

?

$  ~  $$  

$  ~  $$  

$  ~  $$  

$0  ~  �  

$0  ~  �  

$0  ~  �  

$$$  

?

$$$  

?

Audience  

Purpose  

Internal  Users  

Families  General  Public  

Legislators  Research  

Internal  Users  

Families  General  Public  

Legislators  Research  

Internal  Users  

Families  General  Public  

Legislators  Research  

Public  ReporKng  

Assessment  VerificaKon  

Training    PresentaKon

s  

Public  ReporKng  

Assessment  VerificaKon  

Training    PresentaKon

s  

Public  ReporKng  

Assessment  -­‐  VerificaKon  

Training  PresentaKon

s  

Page 21: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

21

Resource List

Page 22: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

22

Questions

Page 23: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

!  Alice  Ridgway  –  Accountability  and  Monitoring  Manager  –  Connec.cut  Birth  to  Three  System  –  [email protected]  –  (860)  496-­‐3073    

!  Nick  Or.z  –  Implementa.on  &  Data  Consultant,  Results  MaHer  –  Colorado  Department  of  Educa.on  –  [email protected]  –  (303)  866-­‐3368  

Contact Information for Presenters

23

Page 24: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

! Visit  the  DaSy  website  at:  hHp://dasycenter.org/  

! Like  us  on  Facebook:    hHps://www.facebook.com/dasycenter  

! Follow  us  on  TwiHer:  @DaSyCenter      

Stay in Touch with DaSy

24

Page 25: Data Visualization: A Picture’s Worth a Thousand Numbers · 4/25/2014  · Purposes: Dataexploraon! Establish!aconceptual!framework!for!how!to!understand!data Presentaon! Paern!checking!

The  contents  of  this  presenta.on  were  developed  under  a  grant  from  the  U.S.  Department  of  Educa.on,  #H373Z120002.  However,  those  contents  do  not  necessarily  represent  the  policy  of  the  U.S.  Department  of  Educa.on,  and  you  should  not  assume  endorsement  by  the  Federal  Government.  Project  Officers,  Meredith  Miceli  and  Richelle  Davis.  

25