Alastair Dant- BootCampVE-Octubre 31

z

Friday, 1 November 13

Introducing Data VisualisationAlastair DantDeveloper / Graphics EditorInteractive News Desk / NYT Graphics@ajdant / alastair.dant@nytimes.com

z

Friday, 1 November 13

z

Friday, 1 November 13

Start Witha Question

z

Friday, 1 November 13

z

Friday, 1 November 13

Finding a Framework

z

Friday, 1 November 13

standardprocess

the seven key stages in the life of an interactive data visualization project

Friday, 1 November 13

standardprocess

the seven key stages in the life of an interactive data visualization project

ACQUIRE PARSE FILTER

MINE REPRESENT

REFINE INTERACT

Friday, 1 November 13

z

Friday, 1 November 13

Step 1:Acquire Your Data

z

Friday, 1 November 13

acquire download or requisition from public sources

Friday, 1 November 13

acquire negotiate with private sources

Friday, 1 November 13

acquire liberate via FOI requests

Friday, 1 November 13

acquire record your own data

Friday, 1 November 13

z

Friday, 1 November 13

Step 2:Parse Data Into AnAppropriate Structure

z

Friday, 1 November 13

parse recognise source format

Friday, 1 November 13

parse extract what you need

Friday, 1 November 13

parse detect (and enforce) data types

Friday, 1 November 13

parse detect (and enforce) data types

abc123456790

12 June 2007true / false

Friday, 1 November 13

parse rearrange into preferred structure

Friday, 1 November 13

z

Friday, 1 November 13

Step 3:Filter Data Down toJust What is Necessary

z

Friday, 1 November 13

filter remove irrelevant data

Friday, 1 November 13

filter remove irrelevant data

Friday, 1 November 13

filter remove incomplete data

Friday, 1 November 13

filter remove incomplete data

Friday, 1 November 13

z

Friday, 1 November 13

Step 4:Mine Data to Extract Insights

z

Friday, 1 November 13

mine group and organize

Friday, 1 November 13

mine calculate aggregates

Friday, 1 November 13

mine determine distributions

Friday, 1 November 13

mine statistical analysis / transformation

Friday, 1 November 13

z

Friday, 1 November 13

Step 5:Represent YourStory in Visual Form

z

Friday, 1 November 13

represent plan your visual: set the scene

Friday, 1 November 13

represent use common building blocks

Friday, 1 November 13

represent encode your data

Friday, 1 November 13

represent encode with size

UK

US

Friday, 1 November 13

represent encode with colour & shade

Friday, 1 November 13

represent encode with shape & iconography

Friday, 1 November 13

represent encode with position

Friday, 1 November 13

represent change over time with animation

Friday, 1 November 13

z

Friday, 1 November 13

Step 6:Refine Your Work

z

Friday, 1 November 13

refine Tufte’s maxim

Friday, 1 November 13

refine Tufte’s maxim

Friday, 1 November 13

refine Tufte’s maxim

“Graphical excellence gives the viewer the greatest number of ideas in the shortest time with the least ink in the smallest space”

Friday, 1 November 13

refine increase data ink

Friday, 1 November 13

refine remove chart junk

Friday, 1 November 13

refine infosthetics - colours, typography & layout

Friday, 1 November 13

refine the annotation layer

Friday, 1 November 13

z

Friday, 1 November 13

Step 7:Add Interactivity

z

Friday, 1 November 13

interact navigate / explore

Friday, 1 November 13

interact discover via information on demand

Friday, 1 November 13

interact filter what data is visible / in focus

Friday, 1 November 13

interact control the flow of playback

Friday, 1 November 13

interact step through narrative sequences

Friday, 1 November 13

interact the martini glass - guide then explore

Friday, 1 November 13