z
Friday, 1 November 13
Introducing Data VisualisationAlastair DantDeveloper / Graphics EditorInteractive News Desk / NYT Graphics@ajdant / [email protected]
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