#ISSlearn

#ISSlearn

DATA VISUALISATION AND STORYTELLING(GEO) DASHBOARD, (GEO) INFOGRAPHICS AND STORY MAP

11th Aug 2017 / Brandon NG

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn

#ISSlearn

VISUALISATION

EXPLORATORY VS EXPLANATORY

© 2017 National University of Singapore. All Rights Reserved 2

#ISSlearn 3

London Cholera Map

Data Maps : Pioneer Maps for Healthcare

Use of map to chart patterns of disease using dot map Plotted the location of deaths from cholera in central London for September 1854By Dr. John Snow

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 4

Visualisation of Train Movement

4

Marey's graphical train

schedule for Paris to

Lyon in the 1880s.

Operation diagram for

12:00 noon, July 25,

1985, Tokaido and Sanyo

Shinkansen Lines

(bullet train), Japanese

National Railroad

control room, Tokyo.

Edward R. Tufte, The Visual Display of Quantitative Information, 1983

Edward R. Tufte, Envisioning Information, 1990

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 5

Visualisation of Train Movement

5

Visualizing MBTA DataAn interactive exploration of Boston's subway system

http://mbtaviz.github.io/

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 6

How the Circle Line rogue train was caught with data

6

https://blog.data.gov.sg/how-we-caught-the-circle-line-rogue-train-with-data-79405c86ab6a#.mr0axgyy1

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn

#ISSlearn

DATA STORYTELLING

FROM STORYTELLING TO DATA STORYTELLING

Storytelling with data instead of showing data

© 2017 National University of Singapore. All Rights Reserved 7

#ISSlearn 8

Data Storytelling

The Essential Data Science Skill Everyone Needs

Pool of people generating insights expand beyond

analysts & data scientists

Human hear STATISTICS, but we feel STORIES

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 9

key ingredients – DATA, VISUAL & STORY

Telling Visual Stories with Data

Building the skills to see the DATA,

to show the VISUAL, to tell STORY,

to engage the AUDIENCE

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 10

Data + Story + Telling = Data Storytelling

Data

Storytelling

Data

Story

Telling

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 11

Data + Visual = Graph / Chart

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn

#ISSlearn

VISUALISATIONEXCELLENCE

GRAPHICAL EXCELLENCE & GRAPHICAL INTEGRITY

© 2017 National University of Singapore. All Rights Reserved 12

#ISSlearn 13

Chart/Graph Types

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 14

Chart/Graph Types

http://speakingppt.com/2013/03/18/why-tufte-is-flat-out-wrong-about-pie-charts/

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 15

New Dimension of Analyticsthe Science of “Where”

15© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 16

New Dimension of Analyticsthe Science of “Where”

16© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 17

Presentation Slides / Report

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 18

Dashboard

18© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 19

Geo-Dashboard

19© 2017 National University of Singapore. All Rights Reserved

http://www.darkhorseanalytics.com/

#ISSlearn 20

Infographics

http://dhl.lookbookhq.com/dhl_x-sector_global_predictive_social/Infographic_Predictive

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 21

Geo-Infographics

21

http://www.enterpriseinnovation.net/infographic/infographic-cybersecurity-poverty-index-

2016?utm_source=silverpop&utm_medium=newsletter&utm_campaign=EIDaily_enews

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 22

Story Map

22

http://wdcintel.maps.arcgis.com/apps/MapJournal/index.html?appid=7c71437449dd468e8949bdfcd404a002

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 23

Tools / Softwares

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn

DEMO

FROM DATA TO DATA VISUALIZATION TO DATA STORYTELLING

24© 2016 National University of Singapore. All Rights Reserved

#ISSlearn 25

References

Icons made by Vectors Market, http://www.flaticon.com/authors/vectors-market

is licensed by Creative Commons BY 3.0,

http://creativecommons.org/licenses/by/3.0/

© 2017 National University of Singapore. All Rights Reserved

#ISSlearn 26

THANK YOU

brandon.ng@nus.edu.sg

26© 2017 National University of Singapore. All Rights Reserved