THINGS WE HAVE LEARNED SO FAR AND WHAT WE’D LIKE TO DO IN THE FUTURE AS DATA VISUALISATION DESIGNERS & DEVELOPERS.HACKS/HA...
THINGS WE HAVE LEARNED SO FAR AND WHAT WE’D LIKE TO DO IN THE FUTURE AS DATA VISUALISATION DESIGNERS & DEVELOPERS.HACKS/HA...
BRIEF  “  •  •       Data journalism is a rapidly emerging field       The opportunity exists for the ABC to be a front  r...
APPROACHHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
RESEARCH                      Precedent Studies                                                •   Data-driven            ...
RESEARCH                      Fast prototyping: look for stories in dataHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
BRAINSTORM                      Data visualisation conceptsHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
DESIGNHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
DEVELOPMENT  Process                                       Technology  •   Source control: Github                    •   H...
DEVELOPMENT                      Parallel + in situ                                                Sandbox site           ...
DEVELOPMENT                      Google FusionTable                                                Sandbox site           ...
DEVELOPMENT                      Custom Maps                                                Tilemill                      ...
DID WE ACHIEVE WHAT                     WAS SET OUT TO?          •   High-impact visualisations, combined with            ...
SBS CENSUS EXPLORER579 LANGUAGES9,138 LOCATIONSHACKS/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/HA...
CROWDSOURCING DATAFUKUSHIMAHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
CHEAP SENSORS ARE CHEAPHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
2:12pm Oct 29th, 2012                                                 Hydrocarbon vapor                                   ...
HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES   MOCK-UP ONLY // NOT REAL DATA
DATA VISUALISATION IS NO           LONGER JUST AN ENDPOINTHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
DATA VISUALISATION           BECOMES A PLATFORMHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
Data Visualisation                                    + Interaction Design                                    info@small.m...
Upcoming SlideShare
Loading in …5
×

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

683 views

Published on

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

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
683
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  1. 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
  2. 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
  3. 3. 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 PittHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  4. 4. APPROACHHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  5. 5. RESEARCH Precedent 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
  6. 6. RESEARCH Fast prototyping: look for stories in dataHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  7. 7. BRAINSTORM Data visualisation conceptsHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  8. 8. DESIGNHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  9. 9. DEVELOPMENT Process Technology • Source control: Github • HTML/JS/CSS • Sandbox: Barebone • Django/Python (as CMS) Django site • Google FusionTables API • Issue tracking: • Tilemill Lighthouse • Google Maps API • Spreadsheet/IllustratorHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  10. 10. DEVELOPMENT Parallel + in situ Sandbox site • Visualisation modules and copy are placed in context • Development and writing happening in parallel • Requires no training or prior knowledgeHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  11. 11. DEVELOPMENT Google FusionTable Sandbox site • Handles large datasets • Access Control • Query API • Pre-renders data points on mapHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  12. 12. DEVELOPMENT Custom Maps Tilemill • Import variety of GIS formats • CSS-like syntax • Create beautiful custom map tiles UI • Zoomable Map PluginHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  13. 13. 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
  14. 14. SBS CENSUS EXPLORER579 LANGUAGES9,138 LOCATIONSHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  15. 15. TAKE IT AND USE IT!HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  16. 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
  17. 17. CROWDSOURCING DATAFUKUSHIMAHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  18. 18. CHEAP SENSORS ARE CHEAPHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  19. 19. HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  20. 20. 2:12pm Oct 29th, 2012 Hydrocarbon vapor HIGH Ground moisture HIGH ... 2:12pm Oct 29th, 2012 Hydrocarbon vapor LOW Ground moisture MEDIUM ... MOCK-UP ONLY // NOT REAL DATA MOCK-UP ONLY // NOT REAL DATA PHOTO CREDIT http://www.flickr.com/photos/treslola/6869739576/ http://www.flickr.com/photos/62459458@N08/5678224434/HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  21. 21. HACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES MOCK-UP ONLY // NOT REAL DATA
  22. 22. DATA VISUALISATION IS NO LONGER JUST AN ENDPOINTHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  23. 23. DATA VISUALISATION BECOMES A PLATFORMHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES
  24. 24. Data Visualisation + Interaction Design info@small.mu 409/55 Holt St, Surry Hills NSWHACKS/HACKERS, 30TH OCT 2012, SMALL MULTIPLES

×