things we have learned so far and what we'd like to do in the future as data visualisation...
DESCRIPTION
Presented by Andrea Lau and Jack Zhao at the Hacks/Hackers Sydney event 30th October 2012.TRANSCRIPT
![Page 1: Things we have learned so far and what we'd like to do in the future as data visualisation designers & developers](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/1.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/4.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/5.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/6.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/8.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/9.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/10.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/11.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/12.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/13.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/14.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/15.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/16.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/17.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/18.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/19.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/20.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/21.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/22.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/23.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051612/54c636454a7959c9388b4608/html5/thumbnails/24.jpg)
HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
Data Visualisation+ Interaction [email protected]
409/55 Holt St, Surry Hills NSW