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

  • View
    106

  • Download
    2

  • Category

    Design

Preview:

DESCRIPTION

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

Citation preview

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.

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.

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

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

APPROACH

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?

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

RESEARCHFast prototyping: look for stories in data

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

BRAINSTORMData visualisation concepts

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

DESIGN

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

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

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

DEVELOPMENTGoogle FusionTable

Sandbox site

• Handles large

datasets

• Access Control

• Query API

• Pre-renders data

points on map

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

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!

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

SBS CENSUS EXPLORER579 LANGUAGES9,138 LOCATIONS

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

TAKE IT AND USE IT!

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.

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

CROWDSOURCING DATAFUKUSHIMA

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

CHEAP SENSORS ARE CHEAP

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

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/

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

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

DATA VISUALISATION IS NO LONGER JUST AN ENDPOINT

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

DATA VISUALISATION BECOMES A PLATFORM

HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

Data Visualisation+ Interaction Designinfo@small.mu

409/55 Holt St, Surry Hills NSW

Recommended