Data Visualizations Darlene Fichter  [email_address] April 8, 2008 Computers in Libraries 2008
Photo by  Mark  Witton , Creative Commons
Outline Data Visualization Library   Opportunities Social + Data Tools
Web 1.0 <ul><li>Realm of folks that knew HTML coding </li></ul><ul><li>Creators: “geek” gene </li></ul>
Web 2.0 <ul><li>Everyone can participate </li></ul><ul><ul><li>Don’t need to know HTML </li></ul></ul><ul><ul><ul><li>Blog...
New Stage: DIY Data <ul><li>< 5 minutes to set up data collection </li></ul><ul><li>< 5 minutes to build on tables to crea...
Power of Visualization <ul><li>Conveying information visually can open the hearts, minds and eyes </li></ul><ul><li>Unders...
What We Eat http:// relevantmagazine.com/releblog/revolution/what -we-eat/ Germany:  The Melander family of Bargteheide  F...
Bhutan:  The Namgay family of Shingkhey Village Food expenditure for one week:  224.93 ngultrum or $5.03
“Tangible” Visualizations http://infosthetics.com/archives/2008/01/rice_demographics_exhibition.html
Google My Maps <ul><li>Go to maps.google.com </li></ul><ul><li>Click on My Maps </li></ul><ul><li>Add pushpins plus notes ...
Web Site Structure Mapper <ul><li>Blue :  links </li></ul><ul><li>Red  tables   </li></ul><ul><li>Green :  div </li></ul><...
Little Contest Amazon www.amazon.com Phoenix Public Library www.phoenixpubliclibrary.org Wired www.wired.com Photo by  Pas...
Data Visualizations Explosion <ul><li>It’s a visual world </li></ul><ul><ul><li>Notice the growth of the use of rich infor...
Population Density of the USA www.time.com/time/covers/20061030/where_we_live/
Newsmap http://www.marumushi.com/apps/newsmap/newsmap.cfm USA Canada Both a mashup and data visualization. Compares news c...
Data “Ecosystem” <ul><li>Open data </li></ul><ul><li>Open set of services & applications (APIs) </li></ul><ul><li>Us (crea...
<ul><li>Open Content </li></ul>Web Charts, Graphs,  Data Visualizations Applications
How “Free” is Data Troy Anderson’s from DataPlace – Google Tech Talk http://www.youtube.com/watch?v=Q_7MSaNXp-o   (13:23)
Advantages of “Social” Data <ul><li>Idealistic view  </li></ul><ul><li>Cautiously optimistic </li></ul><ul><li>Skeptical <...
“Idealistic” Slide from: Bricolage: Data at Play Joe Hellerstein, UC Berkeley
Now - Future Slide from: Bricolage: Data at Play Joe Hellerstein, UC Berkeley
Idealistic <ul><li>“ Soon, on Timepedia.org, you will be able to come join us in building the machine, or visualize, learn...
Skeptical/Pessimistic <ul><li>Data Authority - garbage in, garbage out </li></ul><ul><ul><li>Deliberate misinformation, sp...
What Happens When <ul><li>You combine the people and data and Web 2.0 tools? </li></ul><ul><li>Less “going with what my gu...
Spontaneous Communities <ul><li>Conversations around collections of data </li></ul><ul><li>Example: flickr - High Dynamic ...
Photo:  The last sunray – Barcelona by  Mor  ( bcnbits )   licensed under Creative Commons
Look at Some Examples How to put pretty stuff in those drops. Tutorial below:  Photo by  Steve Took It   Creative Commons
DataPlace™ <ul><li>Data and maps </li></ul><ul><li>Assemble your own geographies from neighborhood to nation </li></ul><ul...
 
Under the Hood <ul><li>Many activities to create “Free Harmonized Data to the People” </li></ul><ul><li>Take data that doe...
Riddle Troy Anderson’s from DataPlace – Google Tech Talk http://www.youtube.com/watch?v=Q_7MSaNXp-o   (34:00)
EveryBlock Civic information   —  building permits, crimes, … News articles and blog entries   Web stuff  – Craigslist, Ye...
Timepedia & Chronoscope <ul><li>Stories about our past </li></ul><ul><li>Chronoscope is a visualization platform under dev...
TracknGraph <ul><li>Walking Tracker   </li></ul><ul><li>Investment Tracker   </li></ul><ul><li>Mood Tracker   </li></ul><u...
Social Features <ul><li>Share </li></ul><ul><ul><li>Control access </li></ul></ul><ul><ul><li>Group updating </li></ul></u...
Tabular Data Search and Display <ul><li>Find tabular data and chart it </li></ul><ul><li>Upload tables </li></ul><ul><li>G...
Political Contributions by State www.graphwise.com/?dn=GoogleMapGadget
Freebase <ul><li>3.38 million topics </li></ul><ul><li>Facts and statistics </li></ul><ul><li>“built by the community and ...
 
Social Sites for Data Visualization <ul><li>Allows new kind of data analysis </li></ul><ul><li>Caters to the curious and s...
Social Data Sites Photo by  maqroll Slide: Tom Coates, Yahoo!
Social Data Tools Gapminder Swivel Many Eyes
Swivel
Swivel – Tasty Data Goodies http://www.swivel.com Does bowling really burn the most calories?
Data Badge
Many Eyes from IBM Alphaworks http://services.alphaworks.ibm.com/manyeyes/home
Why is the Sun Called a Dwarf Star? http://services.alphaworks.ibm.com/manyeyes/view/SJjqGFsOtha6ICEU6EQIF2-
Love – Analyzing Textual Works
Many Eyes  <ul><li>1. View and discuss visualizations </li></ul><ul><li>2. View and discuss data sets </li></ul><ul><li>3....
Amazon API -shows relationships between movies, actors, directors ... **mashup and visualization**
Trendalyzer / Gapminder Video  of Hans Rosling showing the  gapminder  software and lively animations of world development...
Like to Play with Code illustrator Howard V Brown   Photo:  Radio Rover  Creative Commons
Google Visualization API <ul><li>Uses the visualization techniques from Gapminder - motion charts  </li></ul><ul><li>flash...
Yahoo Charting API http:// developer.yahoo.com/yui/docs/module_charts.html
More Tools <ul><li>Emprise JavaScript Charts </li></ul><ul><ul><li>http://www.ejschart.com/ </li></ul></ul><ul><li>PHP/SWF...
Getting Started with Data Visualizations is Easy <ul><li>Step 1 – Get an idea </li></ul><ul><li>Step 2 – Create an account...
Three Ideas <ul><li>Chart a week </li></ul><ul><ul><li>DataPlace </li></ul></ul><ul><li>Google Maps </li></ul><ul><ul><li>...
Frappr http://www.frappr.com/blogginglibrarians/ Google API Community contributed content Easy to use of anyone
Thank you <ul><li>Darlene Fichter </li></ul><ul><ul><li>[email_address] </li></ul></ul><ul><ul><li>library2.usask.ca/~fich...
Upcoming SlideShare
Loading in...5
×

Data 2.0 - Harnessing New Data Visualization Tools CIL 2008

14,089

Published on

What happens when you combine data and Web 2.0?
Mountains of data are piling up in libraries and corporate intranets, but how do we say it visually and make data more useful? Fichter looks at new online tools that enable sharing, analysis, and data visualization to show trends, associations and new insights on your library website that quickly engage, inform, and empower your customers to create their own visualizations. Tools such as Many Eyes go beyond the data visualization and tap into the social dimension encouraging sharing, collaboration, and reuse. Fichter talks about what happens when data goes “social.” From visual dictionaries, textual analysis of works of fiction, to star size and nutritional components of Big Macs, hop on board for this fast-paced look at an amazing set of tools that are at your fingertips.

Published in: Technology, Education
0 Comments
35 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
14,089
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
500
Comments
0
Likes
35
Embeds 0
No embeds

No notes for slide
  • Data 2.0 - Harnessing New Data Visualization Tools CIL 2008

    1. 1. Data Visualizations Darlene Fichter [email_address] April 8, 2008 Computers in Libraries 2008
    2. 2. Photo by Mark Witton , Creative Commons
    3. 3. Outline Data Visualization Library Opportunities Social + Data Tools
    4. 4. Web 1.0 <ul><li>Realm of folks that knew HTML coding </li></ul><ul><li>Creators: “geek” gene </li></ul>
    5. 5. Web 2.0 <ul><li>Everyone can participate </li></ul><ul><ul><li>Don’t need to know HTML </li></ul></ul><ul><ul><ul><li>Blog, wiki, .. </li></ul></ul></ul><ul><li>“Amateur” professionals </li></ul><ul><ul><li>Citizen journalists </li></ul></ul><ul><ul><li>Photographers </li></ul></ul><ul><ul><li>Cartographers </li></ul></ul><ul><ul><li>Question answer services </li></ul></ul>The rise of the amateur statistician.
    6. 6. New Stage: DIY Data <ul><li>< 5 minutes to set up data collection </li></ul><ul><li>< 5 minutes to build on tables to create data visualizatons: </li></ul><ul><ul><li>charts, graphs, maps, tag clouds </li></ul></ul><ul><ul><li>No longer the purvey a select few </li></ul></ul>
    7. 7. Power of Visualization <ul><li>Conveying information visually can open the hearts, minds and eyes </li></ul><ul><li>Understanding </li></ul>
    8. 8. What We Eat http:// relevantmagazine.com/releblog/revolution/what -we-eat/ Germany: The Melander family of Bargteheide Food expenditure for one week : 375.39 Euros or $500.07
    9. 9. Bhutan: The Namgay family of Shingkhey Village Food expenditure for one week: 224.93 ngultrum or $5.03
    10. 10. “Tangible” Visualizations http://infosthetics.com/archives/2008/01/rice_demographics_exhibition.html
    11. 11. Google My Maps <ul><li>Go to maps.google.com </li></ul><ul><li>Click on My Maps </li></ul><ul><li>Add pushpins plus notes to create a map </li></ul><ul><li>Embed the code in your library site </li></ul><ul><ul><li>Library branches </li></ul></ul><ul><ul><li>Historical buildings </li></ul></ul><ul><ul><li>Locations in stories </li></ul></ul>Easy to use of anyone
    12. 12. Web Site Structure Mapper <ul><li>Blue : links </li></ul><ul><li>Red tables </li></ul><ul><li>Green : div </li></ul><ul><li>Violet : images </li></ul><ul><li>Yellow : forms </li></ul><ul><li>Orange : breaks, paragraphs .. </li></ul><ul><li>Black : the <HTML> tag </li></ul><ul><li>Gray : all other tags </li></ul>www.aharef.info/static/htmlgraph/
    13. 13. Little Contest Amazon www.amazon.com Phoenix Public Library www.phoenixpubliclibrary.org Wired www.wired.com Photo by Pascal Vuylsteker CC Attribution 2.5
    14. 14. Data Visualizations Explosion <ul><li>It’s a visual world </li></ul><ul><ul><li>Notice the growth of the use of rich information graphics and visualizations in newspapers and magazines </li></ul></ul><ul><li>Lots of opportunities and new tools popping up that help display data visually </li></ul>
    15. 15. Population Density of the USA www.time.com/time/covers/20061030/where_we_live/
    16. 16. Newsmap http://www.marumushi.com/apps/newsmap/newsmap.cfm USA Canada Both a mashup and data visualization. Compares news coverage across countries and cultures.
    17. 17. Data “Ecosystem” <ul><li>Open data </li></ul><ul><li>Open set of services & applications (APIs) </li></ul><ul><li>Us (creators, consumers) </li></ul>*API - set of routines for accessing an application or service
    18. 18. <ul><li>Open Content </li></ul>Web Charts, Graphs, Data Visualizations Applications
    19. 19. How “Free” is Data Troy Anderson’s from DataPlace – Google Tech Talk http://www.youtube.com/watch?v=Q_7MSaNXp-o (13:23)
    20. 20. Advantages of “Social” Data <ul><li>Idealistic view </li></ul><ul><li>Cautiously optimistic </li></ul><ul><li>Skeptical </li></ul>
    21. 21. “Idealistic” Slide from: Bricolage: Data at Play Joe Hellerstein, UC Berkeley
    22. 22. Now - Future Slide from: Bricolage: Data at Play Joe Hellerstein, UC Berkeley
    23. 23. Idealistic <ul><li>“ Soon, on Timepedia.org, you will be able to come join us in building the machine, or visualize, learn, and analyze our shared history, we hope for the betterment of the human condition. Sincerely, Timepedia's Staff” </li></ul>http://timepedia.blogspot.com/2007/11/chronoscope-released.html
    24. 24. Skeptical/Pessimistic <ul><li>Data Authority - garbage in, garbage out </li></ul><ul><ul><li>Deliberate misinformation, spam, errors </li></ul></ul><ul><li>Provenance </li></ul><ul><li>Privacy </li></ul><ul><ul><li>“ Identifying “banned books” readers or by mining Amazon Wishlists and combining information with Yahoo People … </li></ul></ul>
    25. 25. What Happens When <ul><li>You combine the people and data and Web 2.0 tools? </li></ul><ul><li>Less “going with what my gut says” </li></ul><ul><li>“ Workable ” data </li></ul><ul><li>Reproducible results </li></ul><ul><li>Borrow from others </li></ul><ul><li>Level the playing field </li></ul><ul><li>(corporations & communities) </li></ul><ul><li>Disseminate expertise </li></ul>Photo by . eti Creative Commons
    26. 26. Spontaneous Communities <ul><li>Conversations around collections of data </li></ul><ul><li>Example: flickr - High Dynamic Range photo </li></ul><ul><ul><li>HDR is two or more exposures </li></ul></ul><ul><ul><li>Comments, community, practices </li></ul></ul><ul><ul><li>Greater dynamic range of exposures </li></ul></ul>
    27. 27. Photo: The last sunray – Barcelona by Mor ( bcnbits ) licensed under Creative Commons
    28. 28. Look at Some Examples How to put pretty stuff in those drops. Tutorial below: Photo by Steve Took It Creative Commons
    29. 29. DataPlace™ <ul><li>Data and maps </li></ul><ul><li>Assemble your own geographies from neighborhood to nation </li></ul><ul><li>Connect. Discuss. Collaborate. </li></ul><ul><ul><li>Host Important Discussions Online </li></ul></ul><ul><ul><li>Share a Calendar </li></ul></ul><ul><ul><li>Save and Distribute Important Files </li></ul></ul><ul><ul><li>Share Uploaded Datasets </li></ul></ul>www.dataplace.org
    30. 31. Under the Hood <ul><li>Many activities to create “Free Harmonized Data to the People” </li></ul><ul><li>Take data that doesn’t crawl as well </li></ul><ul><li>Harmonize it </li></ul>
    31. 32. Riddle Troy Anderson’s from DataPlace – Google Tech Talk http://www.youtube.com/watch?v=Q_7MSaNXp-o (34:00)
    32. 33. EveryBlock Civic information — building permits, crimes, … News articles and blog entries Web stuff – Craigslist, Yelp www.everyblock.com
    33. 34. Timepedia & Chronoscope <ul><li>Stories about our past </li></ul><ul><li>Chronoscope is a visualization platform under development for time series datasets. </li></ul><ul><ul><li>Their goal is create an experience of Google Maps or Google Earth to time series data </li></ul></ul>timepedia.org /chronoscope
    34. 35. TracknGraph <ul><li>Walking Tracker </li></ul><ul><li>Investment Tracker </li></ul><ul><li>Mood Tracker </li></ul><ul><li>Baby Sleep Schedule </li></ul><ul><li>Breastfeeding Tracker </li></ul><ul><li>Weight Tracker </li></ul><ul><li>Child Growth Tracker </li></ul><ul><li>Calorie Counter </li></ul><ul><li>Workout Tracker </li></ul><ul><li>Blood Pressure Monitor </li></ul>www.trackngraph.com
    35. 36. Social Features <ul><li>Share </li></ul><ul><ul><li>Control access </li></ul></ul><ul><ul><li>Group updating </li></ul></ul><ul><ul><li>Publish anywhere </li></ul></ul><ul><li>Create team trackers </li></ul>
    36. 37. Tabular Data Search and Display <ul><li>Find tabular data and chart it </li></ul><ul><li>Upload tables </li></ul><ul><li>Going social end of 2008 </li></ul>Almost 3 million tables & 179 million graphs
    37. 38. Political Contributions by State www.graphwise.com/?dn=GoogleMapGadget
    38. 39. Freebase <ul><li>3.38 million topics </li></ul><ul><li>Facts and statistics </li></ul><ul><li>“built by the community and for the community—free for anyone to query, contribute to, built applications on top of, or integrate into their websites” </li></ul><ul><li>Creative Commons “attribution” license </li></ul>www.freebase.com
    39. 41. Social Sites for Data Visualization <ul><li>Allows new kind of data analysis </li></ul><ul><li>Caters to the curious and serious, statistician and the citizen </li></ul><ul><li>Important new medium </li></ul>
    40. 42. Social Data Sites Photo by maqroll Slide: Tom Coates, Yahoo!
    41. 43. Social Data Tools Gapminder Swivel Many Eyes
    42. 44. Swivel
    43. 45. Swivel – Tasty Data Goodies http://www.swivel.com Does bowling really burn the most calories?
    44. 46. Data Badge
    45. 47. Many Eyes from IBM Alphaworks http://services.alphaworks.ibm.com/manyeyes/home
    46. 48. Why is the Sun Called a Dwarf Star? http://services.alphaworks.ibm.com/manyeyes/view/SJjqGFsOtha6ICEU6EQIF2-
    47. 49. Love – Analyzing Textual Works
    48. 50. Many Eyes <ul><li>1. View and discuss visualizations </li></ul><ul><li>2. View and discuss data sets </li></ul><ul><li>3. Create visualizations from existing data sets </li></ul><ul><li>If you register, you can also: </li></ul><ul><li>4. Rate data sets and visualizations </li></ul><ul><li>5. Upload your own data </li></ul><ul><li>6. Create and participate in topic hubs </li></ul><ul><li>7. Select items to watch </li></ul><ul><li>8. Track your contributions, watchlist, and topic hubs </li></ul><ul><li>9. See comments that others have written to you </li></ul>
    49. 51. Amazon API -shows relationships between movies, actors, directors ... **mashup and visualization**
    50. 52. Trendalyzer / Gapminder Video of Hans Rosling showing the gapminder software and lively animations of world development trends.
    51. 53. Like to Play with Code illustrator Howard V Brown  Photo: Radio Rover Creative Commons
    52. 54. Google Visualization API <ul><li>Uses the visualization techniques from Gapminder - motion charts </li></ul><ul><li>flashy 3D funnels </li></ul><ul><li>pyramids, pie & donuts </li></ul><ul><li>time series charts (stock prices) </li></ul><ul><li>data gauges </li></ul><ul><li>geographical heat maps </li></ul><ul><li>Gantt charts </li></ul>Supported in Google Docs Spreadsheets & some new Gadgets
    53. 55. Yahoo Charting API http:// developer.yahoo.com/yui/docs/module_charts.html
    54. 56. More Tools <ul><li>Emprise JavaScript Charts </li></ul><ul><ul><li>http://www.ejschart.com/ </li></ul></ul><ul><li>PHP/SWF Charts </li></ul><ul><ul><li>http://www.maani.us/charts </li></ul></ul>
    55. 57. Getting Started with Data Visualizations is Easy <ul><li>Step 1 – Get an idea </li></ul><ul><li>Step 2 – Create an account </li></ul><ul><li>Step 3 – Read the fine print about use </li></ul><ul><li>Step 4 – Create it! </li></ul><ul><li>API: Sign up for a developer token </li></ul><ul><ul><li>http://aws.amazon.com/ </li></ul></ul><ul><ul><li>http://www.google.com/apis/maps/ </li></ul></ul><ul><ul><li>http://api.search.yahoo.com/webservices/register_application </li></ul></ul>
    56. 58. Three Ideas <ul><li>Chart a week </li></ul><ul><ul><li>DataPlace </li></ul></ul><ul><li>Google Maps </li></ul><ul><ul><li>Library, Historical Buildings etc. </li></ul></ul><ul><li>Frappr </li></ul><ul><ul><li>Pushpins to mark places in our town mentioned in fictional works </li></ul></ul>
    57. 59. Frappr http://www.frappr.com/blogginglibrarians/ Google API Community contributed content Easy to use of anyone
    58. 60. Thank you <ul><li>Darlene Fichter </li></ul><ul><ul><li>[email_address] </li></ul></ul><ul><ul><li>library2.usask.ca/~fichter/ </li></ul></ul>
    1. Gostou de algum slide específico?

      Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

    ×