24
HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES THINGS WE HAVE LEARNED SO FAR AND WHAT WE’D LIKE TO DO IN THE FUTURE AS DATA VISUALISATION DESIGNERS & DEVELOPERS.

Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

Embed Size (px)

DESCRIPTION

Presented by Andrea Lau and Jack Zhao at the Hacks/Hackers Sydney event 30th October 2012.

Citation preview

Page 1: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

THINGS WE HAVE LEARNED SO FAR AND WHAT WE’D LIKE TO DO IN THE FUTURE AS DATA VISUALISATION DESIGNERS & DEVELOPERS.

Page 2: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

THINGS WE HAVE LEARNED SO FAR AND WHAT WE’D LIKE TO DO IN THE FUTURE AS DATA VISUALISATION DESIGNERS & DEVELOPERS.

Page 3: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

BRIEF

• Data journalism is a rapidly emerging field• The opportunity exists for the ABC to be a front

runner in Australian data journalism• Primary goal would be to help audience uncover

aspects of a story that were most interesting and

relevant

The ABC News Data Desk Proposal, Fergus Pitt

Page 4: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

APPROACH

Page 5: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

RESEARCHPrecedent Studies

• Data-driven

precedents: how

do we present

the data?• Topic-driven

precedents: how

do we tell a

story with

data?

Page 6: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

RESEARCHFast prototyping: look for stories in data

Page 7: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

BRAINSTORMData visualisation concepts

Page 8: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

DESIGN

Page 9: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

DEVELOPMENT

Process • Source control: Github• Sandbox: Barebone

Django site• Issue tracking:

Lighthouse

Technology

• HTML/JS/CSS

• Django/Python (as CMS)

• Google FusionTables API

• Tilemill

• Google Maps API

• Spreadsheet/Illustrator

Page 10: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

DEVELOPMENTParallel + in situ

Sandbox site

• Visualisation

modules and copy

are placed in

context

• Development and

writing happening

in parallel

• Requires no

training or prior

knowledge

Page 11: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

DEVELOPMENTGoogle FusionTable

Sandbox site

• Handles large

datasets

• Access Control

• Query API

• Pre-renders data

points on map

Page 12: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

DEVELOPMENT

Tilemill• Import variety of

GIS formats• CSS-like syntax • Create beautiful

custom map tiles

UI• Zoomable Map Plugin

Custom Maps

Page 13: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

DID WE ACHIEVE WHAT WAS SET OUT TO?

• High-impact visualisations, combined with

smaller, accurate and easy to understand

supporting infographics.• Multidisciplinary team across ABC

collaborating to pull everything together.• Small-ish team, short time frame, huge

site, even bigger reaction!

Page 14: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

SBS CENSUS EXPLORER579 LANGUAGES9,138 LOCATIONS

Page 15: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

TAKE IT AND USE IT!

Page 16: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

THINGS WE HAVE LEARNED SO FAR AND WHAT WE’D LIKE TO DO IN THE FUTURE AS DATA VISUALISATION DESIGNERS & DEVELOPERS.

Page 17: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

CROWDSOURCING DATAFUKUSHIMA

Page 18: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

CHEAP SENSORS ARE CHEAP

Page 19: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

Page 20: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

2:12pm Oct 29th, 2012Hydrocarbon vaporHIGHGround moistureHIGH...

2:12pm Oct 29th, 2012Hydrocarbon vaporLOWGround moistureMEDIUM...

MOCK-UP ONLY // NOT REAL DATA

MOCK-UP ONLY // NOT REAL DATA

PHOTO CREDIThttp://www.flickr.com/photos/treslola/6869739576/http://www.flickr.com/photos/62459458@N08/5678224434/

Page 21: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES MOCK-UP ONLY // NOT REAL DATA

Page 22: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

DATA VISUALISATION IS NO LONGER JUST AN ENDPOINT

Page 23: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

DATA VISUALISATION BECOMES A PLATFORM

Page 24: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

Data Visualisation+ Interaction [email protected]

409/55 Holt St, Surry Hills NSW