$30 off During Our Annual Pro Sale. View Details »

Grace Hopper 2013

Irene Ros
October 03, 2013

Grace Hopper 2013

Irene Ros

October 03, 2013
Tweet

More Decks by Irene Ros

Other Decks in Technology

Transcript

  1. Keeping the YouTube
    Generation Engaged with Rich
    Media, Visualization & Animation
    Irene Ros
    @ireneros
    Bocoup | @bocoup
    http://bocoup.com
    Wednesday, October 2, 13

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  5. Grace Hopper Conference 2013 | Irene Ros | Bocoup
    http://ireneros.com/projects.html
    Wednesday, October 2, 13

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  9. Grace Hopper Conference 2013 | Irene Ros | Bocoup
    Data
    Structured
    Unstructured
    Wednesday, October 2, 13

    View Slide

  10. Grace Hopper Conference 2013 | Irene Ros | Bocoup
    Visual Forms
    Shapes
    Colors
    Sizes
    +
    Data
    Structured
    Unstructured
    Wednesday, October 2, 13

    View Slide

  11. Grace Hopper Conference 2013 | Irene Ros | Bocoup
    Visual Forms
    Shapes
    Colors
    Sizes
    +
    Data
    Structured
    Unstructured
    Narrative Structure + Interaction
    Wednesday, October 2, 13

    View Slide

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

    View Slide

  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

    View Slide

  14. Grace Hopper Conference 2013 | Irene Ros | Bocoup
    Visual Forms
    Wednesday, October 2, 13

    View Slide

  15. Grace Hopper Conference 2013 | Irene Ros | Bocoup
    What is data visualization?
    Yes, but...
    Wednesday, October 2, 13

    View Slide

  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

    View Slide

  17. Grace Hopper Conference 2013 | Irene Ros | Bocoup
    What is data visualization?
    Wednesday, October 2, 13

    View Slide

  18. http://vis.stanford.edu/files/2010-Narrative-InfoVis.pdf
    Narrative Structure
    Grace Hopper Conference 2013 | Irene Ros | Bocoup
    Wednesday, October 2, 13

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  24. http://awesome.goodmagazine.com/transparency/usersubmissions/financialcrisis/klimiuk/
    Good Magazine
    Grace Hopper Conference 2013 | Irene Ros | Bocoup
    Wednesday, October 2, 13

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  28. Irene Ros
    [email protected]
    @ireneros | iros on github
    Open Source
    Data Visualization
    Fellowship Program
    Job Opportunities
    @bocoup | http://bocoup.com
    Wednesday, October 2, 13

    View Slide