Grace Hopper 2013

Transcript

1. Keeping the YouTube Generation Engaged with Rich Media, Visualization &

   Animation Irene Ros @ireneros Bocoup | @bocoup http://bocoup.com Wednesday, October 2, 13

2. Grace Hopper Conference 2013 | Irene Ros | Bocoup Wednesday,

   October 2, 13

3. Grace Hopper Conference 2013 | Irene Ros | Bocoup Wednesday,

   October 2, 13

4. Grace Hopper Conference 2013 | Irene Ros | Bocoup Wednesday,

   October 2, 13

5. Grace Hopper Conference 2013 | Irene Ros | Bocoup http://ireneros.com/projects.html

   Wednesday, October 2, 13

6. Grace Hopper Conference 2013 | Irene Ros | Bocoup Wednesday,

   October 2, 13

7. Grace Hopper Conference 2013 | Irene Ros | Bocoup Wednesday,

   October 2, 13

8. Grace Hopper Conference 2013 | Irene Ros | Bocoup Wednesday,

   October 2, 13

9. Grace Hopper Conference 2013 | Irene Ros | Bocoup Data

   Structured Unstructured Wednesday, October 2, 13

10. Grace Hopper Conference 2013 | Irene Ros | Bocoup Visual

    Forms Shapes Colors Sizes + Data Structured Unstructured Wednesday, October 2, 13

11. Grace Hopper Conference 2013 | Irene Ros | Bocoup Visual

    Forms Shapes Colors Sizes + Data Structured Unstructured Narrative Structure + Interaction Wednesday, October 2, 13

12. Grace Hopper Conference 2013 | Irene Ros | Bocoup Data

    Wednesday, October 2, 13

13. Grace Hopper Conference 2013 | Irene Ros | Bocoup Category

    Q1 Q2 Coats 30,000 40,000 Pants 400,000 500,000 Unstructured Information Structured Information Wednesday, October 2, 13

14. Grace Hopper Conference 2013 | Irene Ros | Bocoup Visual

    Forms Wednesday, October 2, 13

15. Grace Hopper Conference 2013 | Irene Ros | Bocoup What

    is data visualization? Yes, but... Wednesday, October 2, 13

16. Grace Hopper Conference 2013 | Irene Ros | Bocoup Visual

    Forms Relationship The way in which two or more dimensions are connected. scatter plot matrix chart network diagram Distribution The way in which something is shared out among a group or spread over an area. histogram Comparison An evaluation of the similarities and differences of two or more things bar graph line chart stack graph maps bubble chart Composition The arrangements of parts in relation to each other and the whole. pie chart treemap Wednesday, October 2, 13

17. Grace Hopper Conference 2013 | Irene Ros | Bocoup What

    is data visualization? Wednesday, October 2, 13

18. http://vis.stanford.edu/files/2010-Narrative-InfoVis.pdf Narrative Structure Grace Hopper Conference 2013 | Irene Ros

    | Bocoup Wednesday, October 2, 13

19. Grace Hopper Conference 2013 | Irene Ros | Bocoup 1.

    Magazine Style ‣single frame ‣written narrative ‣often one or two figures ‣usually static Wednesday, October 2, 13

20. E. Cadora and L. Kurgan. Architecture and Justice (Brooklyn Crime

    Blocks). Columbia University’s Spatial Information Design Lab, 2006. http://www.spatialinformationdesignlab.org/MEDIA/PDF_04.pdf Grace Hopper Conference 2013 | Irene Ros | Bocoup Wednesday, October 2, 13

21. Grace Hopper Conference 2013 | Irene Ros | Bocoup 2.

    Annotated Chart ‣Usually single chart ‣Some data points highlighted ‣textual explanation for those points ‣occasionally remainder interactive too Wednesday, October 2, 13

22. Guardian Interactive Team http://www.guardian.co.uk/world/interactive/2013/feb/12/state-of-the-union-reading-level Grace Hopper Conference 2013 | Irene

    Ros | Bocoup Wednesday, October 2, 13

23. Grace Hopper Conference 2013 | Irene Ros | Bocoup 3.

    Flow Chart (infographics) ‣Guided story ‣Broken down into steps ‣Has one or more possible paths Wednesday, October 2, 13

24. http://awesome.goodmagazine.com/transparency/usersubmissions/financialcrisis/klimiuk/ Good Magazine Grace Hopper Conference 2013 | Irene Ros

    | Bocoup Wednesday, October 2, 13

25. Grace Hopper Conference 2013 | Irene Ros | Bocoup 4.

    Slide Show ‣Simple guided experience ‣Usually single linear path ‣Next/Previous buttons ‣Each slide builds on the previous Wednesday, October 2, 13

26. Grace Hopper Conference 2013 | Irene Ros | Bocoup http://www.nytimes.com/interactive/2012/02/12/us/entitlement-map.html

    Grace Hopper Conference 2013 | Irene Ros | Bocoup Wednesday, October 2, 13

27. http://d3js.org/ http://misoproject.com/ Code: Tools: http://many-eyes.com/ http://openrefine.org/ Grace Hopper Conference 2013

    | Irene Ros | Bocoup * * Wednesday, October 2, 13

28. Irene Ros irene@bocoup.com @ireneros | iros on github Open Source

    Data Visualization Fellowship Program Job Opportunities @bocoup | http://bocoup.com Wednesday, October 2, 13