Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Grace Hopper 2013

F99c66cc9f64454df105006286d47521?s=47 Irene Ros
October 03, 2013
Technology
0
190

Grace Hopper 2013

http://gracehopper.org/2013/event/keeping-the-youtube-generation-engaged-getting-started-with-rich-media-visualization-and-animation/

F99c66cc9f64454df105006286d47521?s=128

Irene Ros

October 03, 2013
Tweet

More Decks by Irene Ros

See All by Irene Ros
Visualizing the Health of the Internet with Measurement Lab
F99c66cc9f64454df105006286d47521?s=48 iros
0
72
Text analysis and Visualization
F99c66cc9f64454df105006286d47521?s=48 iros
11
2k
Bringing together User Centered Design & Data Visualization
F99c66cc9f64454df105006286d47521?s=48 iros
3
490
Best Practices for Releasing and Choosing Open Source Projects
F99c66cc9f64454df105006286d47521?s=48 iros
0
68
Architecting code with d3
F99c66cc9f64454df105006286d47521?s=48 iros
8
1.3k
Data in Your Browsers?!
F99c66cc9f64454df105006286d47521?s=48 iros
0
110
Architecting Better Charts, FluentConf 2013 Keynote
F99c66cc9f64454df105006286d47521?s=48 iros
1
1.8k
Visualizing Data (Responsibly)
F99c66cc9f64454df105006286d47521?s=48 iros
5
510
Falafelosophy
F99c66cc9f64454df105006286d47521?s=48 iros
0
220

Other Decks in Technology

See All in Technology
DeFiChain Tech Talk - DFI Uniswap Staking, DeFi Options & DeFi Meta Chain
Cae2dd246ed83dd458e4ce5f927aa2f7?s=48 uzyn
0
120
hey BOOK
69f5ab96892df4d8cbe32189f2ed2d9d?s=48 heyinc
26
290k
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
PRO
10
19k
Power Automate for desktopで 配信環境を改善してみた話
C97407daeb9ad3a654e6a0ad8701b972?s=48 akiika
0
320
PMMやプロダクト関係者と協働するために役割を整理した話 / 20220810_pdmtipslt
Cdf97a1b1b132c56582773c3ba09a3a6?s=48 rakus_dev
0
120
ログ集約基盤をCloudWatchからOpenSearchに変えてみた
098ad475722e3697ec2fba28c8654f9f?s=48 yuhta28
0
140
AWS CLI でやってみる ~ AWS Hands-on for Beginners ECS ハンズオン ~
8785139c395ce2345ce535822b522dde?s=48 kentosuzuki
1
520
金融領域のマルチプロダクトを効率よく開発・運用するためのシステム基盤と組織設計について / 2022-07-28-multi-product-platform
0251532f4fb413ea1a026efe6eb16b87?s=48 stajima
0
150
SBOMを利用したソフトウェアサプライチェーンの保護
45b7a05a1056c10d70bc4caa77d1b2c9?s=48 masahiro331
1
190
Step-by-Step MLOps and Microsoft Products
0fa6038e477031fcca028bab0efe07e3?s=48 shisyu_gaku
1
580
塩漬けにしているMySQL 8.0.xxをバージョンアップしたくなる、ここ数年でのMySQL 8.0の改善点 / MySQL Update 202208
7fb060398b26ed622d34921bd64e4f5d?s=48 yoshiakiyamasaki
1
720
質の良い”カイゼン”の為の質の良い「振り返り」
Bf7fe621f4fe1615c228ef8a79b87282?s=48 shirayanagiryuji
0
130

Featured

See All Featured
The Invisible Side of Design
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
290
48k
For a Future-Friendly Web
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
166
7.5k
How New CSS Is Changing Everything About Graphic Design on the Web
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
213
11k
The World Runs on Bad Software
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
57
5.4k
Why You Should Never Use an ORM
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
47
7.7k
A better future with KSS
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
226
16k
Building Better People: How to give real-time feedback that sticks.
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
344
17k
Creatively Recalculating Your Daily Design Routine
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
207
10k
YesSQL, Process and Tooling at Scale
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
157
12k
The MySQL Ecosystem @ GitHub 2015
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
239
11k
Building an army of robots
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
299
40k
Gamification - CAS2011
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.9k

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