Online Visualization Tools PF Anderson,  Emerging Technologies Librarian,  Health Sciences Libraries,  [email_address] Nov...
Overview <ul><li>Visualizing concepts </li></ul><ul><ul><li>Visual search engines  </li></ul></ul><ul><ul><li>Clouds </li>...
Visualization: Why? <ul><li>Chris Jordan: http://www.chrisjordan.com/ </li></ul>
Visualization: Why?  <ul><li>http://mkweb.bcgsc.ca/debates/  </li></ul><ul><li>“ Palin has the longest sentences, Biden re...
Visualization: Why? <ul><li>World Wide Telescope: http://www.worldwidetelescope.org/Home.aspx </li></ul>
Visualization: Why? <ul><li>Edward Tufte: http://www.edwardtufte.com/tufte/ </li></ul>
Visual Search Engines <ul><li>Visualize concepts for: </li></ul><ul><ul><li>Navigation </li></ul></ul><ul><ul><li>Visualiz...
Search: Words & Meaning <ul><li>Curehunter (Dictionary) </li></ul><ul><li>http://www.curehunter.com/public/dictionary.do <...
Search: Concept Relationships <ul><li>Curehunter:  http://www.curehunter.com/public/dictionary.do </li></ul>
Search: Similarities <ul><li>Literature-Map.com </li></ul>
Search: Visualizing the Answers <ul><li>PubMed Faceoff: http://www.postgenomic.com/faces/index.php </li></ul>
Search Generating Visualization <ul><li>AmazType: http://amaztype.tha.jp/ </li></ul>
Search News <ul><li>Spectra News Reader: http://msnbcmedia.msn.com/i/msnbc/components/spectra/index.html </li></ul>
CoolIris <ul><li>http://www.cooliris.com/ </li></ul>
Tag & Word Clouds <ul><li>Exploration  </li></ul><ul><li>Concept generation / distillation </li></ul><ul><li>Analysis  </l...
Clouds: Images (Flickr) <ul><li>Flickr: Explore Tags </li></ul>
Clouds: NewsFlashr
Clouds: Extipicious (Delicious) <ul><li>http://kevan.org/extispicious.cgi </li></ul>
Clouds: Cloudalicious
Clouds: Wordle
Clouds: TagCrowd
Clouds: TagCrowd <ul><li>as topic summaries for speeches and written works </li></ul><ul><li>for visual analysis of survey...
Clouds: TagCrowd <ul><li>Cloud of “Leaves of Grass by Wal Whitman, top 50 words. </li></ul>
Clouds: ManyEyes <ul><li>Cloud of “Leaves of Grass by Wal Whitman, top 200 words </li></ul>
Clouds: ManyEyes <ul><li>Interactive cloud, allows navigation of text body </li></ul>
Clouds: TagGalaxy Words <ul><li>http://www.taggalaxy.de/ </li></ul>
Clouds: TagGalaxy Pics <ul><li>http://www.taggalaxy.de/ </li></ul>
Mindmapping <ul><li>Mindmapping as concept visualization tool > WikiMindMap </li></ul><ul><li>Mindmapping online tool for ...
WikiMindMap <ul><li>http://www.wikimindmap.org </li></ul>
MindMeister <ul><li>http://www.mindmeister.com </li></ul>
MindMeister Example
FreeMind Example <ul><li>http://freemind.sourceforge.net/wiki/index.php/Main_Page </li></ul>
Timelines <ul><li>Obvious uses:  </li></ul><ul><ul><li>History  </li></ul></ul><ul><ul><li>Biography  </li></ul></ul><ul><...
Timelines: Dipity  <ul><li>http://www.dipity.com/ </li></ul>
Timelines: Dipity - Example <ul><li>Equipment recalls </li></ul><ul><li>Set up with an rss feed to add new events? </li></ul>
Timelines: Dipity - Example <ul><li>Equipment recalls </li></ul><ul><li>Eample of event detail view </li></ul>
Timelines: xTimeline <ul><li>http://www.xtimeline.com/ </li></ul><ul><li>Features </li></ul><ul><li>Searching </li></ul><u...
Timelines: xTimeline - Example <ul><li>Pregnancy timeline </li></ul><ul><li>Single author </li></ul>
Timelines: xTimeline - Example <ul><li>Higher education entry into Second Life </li></ul><ul><li>Multiple authors </li></ul>
Timelines: xTimeline - Example <ul><li>Detail - entry point view </li></ul>
Timelines: xTimeline - Example <ul><li>Privacy restrictions </li></ul>
Timelines: xTimeline - Example <ul><li>Groups  </li></ul><ul><li>Sharing / commenting  </li></ul>
Timelines - Highlights <ul><li>CircaVie & Dipity  </li></ul><ul><ul><li>Lightweight, easy to use, community based, intende...
Data visualization  <ul><li>Visualization helpful in analysis of a variety of types of data. </li></ul><ul><li>Many types ...
Visualization: Vispedia.stanford.edu
Visualization: Gapminder
Visualization: Lexipedia
Visualization: Swivel <ul><li>http://www.swivel.com/ </li></ul>
Visualization: Swivel Example <ul><li>Beckett analysis of the Unnameable </li></ul>
Visualization: Swivel Example <ul><li>Pesticides in Broccoli </li></ul>
Visualization: ManyEyes <ul><li>http://services.alphaworks.ibm.com/manyeyes/ </li></ul>
Visualization: ManyEyes Example <ul><li>Word Cloud - Leaves of Grass, by Walt Whitman </li></ul>
Visualization: ManyEyes Example <ul><li>EBM word tree </li></ul>
Visualization: ManyEyes Example <ul><li>University of Michigan faculty size and average salary by department </li></ul>
Visualization: ManyEyes Example <ul><li>FDA Survey Data on Perchorate in Food, 2005-2006 </li></ul>
Visualization: Circos <ul><li>http://mkweb.bcgsc.ca/circos/ </li></ul>
Data visualization - Highlights <ul><li>Variety of tools available for different domains </li></ul><ul><li>Swivel especial...
Mashups: SpotCrime <ul><li>http://www.spotcrime.com/ </li></ul>
Mashups: Extispicious <ul><li>http://kevan.org/extispicious.cgi </li></ul><ul><li>A gazillion GoogleMap mashups </li></ul>
Mashups: Dipity+Flickr
Mashups: Dipity+YouTube
Mashups: EDIS  <ul><li>RSOE: EDIS (Emergency & Disaster Information Service): http://hisz.rsoe.hu/alertmap/?area=&lang=eng...
Examples: Mapping <ul><li>Worldkit.org </li></ul>
Examples: Mathematics <ul><li>Garrett Lisi: Deferential Geometry: e8 polytope:  http://deferentialgeometry.org/epe/ </li><...
Examples: Mathematics <ul><li>Garrett Lisi: Deferential Geometry: e8 polytope:  http://deferentialgeometry.org/epe/ </li><...
Examples: Table of Condiments <ul><li>http://backtable.org/~blade/fnord/condiments.html </li></ul>
Examples/Resources: Periodic Table of Visualization Methods <ul><li>http://www.visual-literacy.org/periodic_table/periodic...
Resources: VisualComplexity.com
Resources: VisualComplexity.com
Resources: FlowingData.com
Resources: StrangeMaps <ul><li>http://strangemaps.wordpress.com/ </li></ul>
Resources: Information Aesthetics <ul><li>http://www.infosthetics.com/ </li></ul>
Resources: Information Aesthetics <ul><li>http://www.infosthetics.com/ </li></ul>
Resources: Eager Eyes <ul><li>http://www.eagereyes.org </li></ul>
Resources: Mind-mapping.org
Resources: NCIBI <ul><li>Collection of life science visualisation tools: http://portal.ncibi.org/gateway/tools.php?categor...
Additional resources  <ul><li>Perez, Sarah. The Best Tools for Visualization. March 13, 2008 9:25 AM.   http://www.readwri...
Trends? Sprint <ul><li>Sprint Widget: http://now.sprint.com/widget/ </li></ul>
Trends? Google <ul><li>Google: Code: BirdEye: http://code.google.com/p/birdeye/ </li></ul>
Want more? <ul><li>Discovery - Del.icio.us </li></ul><ul><ul><li>http://del.icio.us/tags/visualization </li></ul></ul><ul>...
Want more? <ul><li>These slides will be at: </li></ul><ul><ul><li>http://slideshare.net/umhealthscienceslibraries </li></u...
Upcoming SlideShare
Loading in...5
×

Online Visualization Tools, November 11, 2008

13,293

Published on

Updated version of these slides for presentation at School of Public Health.

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

No Downloads
Views
Total Views
13,293
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
351
Comments
0
Likes
27
Embeds 0
No embeds

No notes for slide

Online Visualization Tools, November 11, 2008

  1. 1. Online Visualization Tools PF Anderson, Emerging Technologies Librarian, Health Sciences Libraries, [email_address] November 11, 2008 © 2008 Regents of the University of Michigan. All rights reserved.
  2. 2. Overview <ul><li>Visualizing concepts </li></ul><ul><ul><li>Visual search engines </li></ul></ul><ul><ul><li>Clouds </li></ul></ul><ul><ul><li>Mindmapping </li></ul></ul><ul><li>Visualizing data </li></ul><ul><ul><li>Timelines </li></ul></ul><ul><ul><li>Data visualization </li></ul></ul><ul><li>Resources </li></ul>
  3. 3. Visualization: Why? <ul><li>Chris Jordan: http://www.chrisjordan.com/ </li></ul>
  4. 4. Visualization: Why? <ul><li>http://mkweb.bcgsc.ca/debates/ </li></ul><ul><li>“ Palin has the longest sentences, Biden repeats himself the most and has the smallest vocabulary, while patterns for Obama and McCain are eerily similar.” </li></ul>
  5. 5. Visualization: Why? <ul><li>World Wide Telescope: http://www.worldwidetelescope.org/Home.aspx </li></ul>
  6. 6. Visualization: Why? <ul><li>Edward Tufte: http://www.edwardtufte.com/tufte/ </li></ul>
  7. 7. Visual Search Engines <ul><li>Visualize concepts for: </li></ul><ul><ul><li>Navigation </li></ul></ul><ul><ul><li>Visualization </li></ul></ul><ul><ul><li>Concept generation </li></ul></ul><ul><ul><li>Background images </li></ul></ul><ul><ul><li>Discussion tools </li></ul></ul>
  8. 8. Search: Words & Meaning <ul><li>Curehunter (Dictionary) </li></ul><ul><li>http://www.curehunter.com/public/dictionary.do </li></ul>
  9. 9. Search: Concept Relationships <ul><li>Curehunter: http://www.curehunter.com/public/dictionary.do </li></ul>
  10. 10. Search: Similarities <ul><li>Literature-Map.com </li></ul>
  11. 11. Search: Visualizing the Answers <ul><li>PubMed Faceoff: http://www.postgenomic.com/faces/index.php </li></ul>
  12. 12. Search Generating Visualization <ul><li>AmazType: http://amaztype.tha.jp/ </li></ul>
  13. 13. Search News <ul><li>Spectra News Reader: http://msnbcmedia.msn.com/i/msnbc/components/spectra/index.html </li></ul>
  14. 14. CoolIris <ul><li>http://www.cooliris.com/ </li></ul>
  15. 15. Tag & Word Clouds <ul><li>Exploration </li></ul><ul><li>Concept generation / distillation </li></ul><ul><li>Analysis </li></ul>
  16. 16. Clouds: Images (Flickr) <ul><li>Flickr: Explore Tags </li></ul>
  17. 17. Clouds: NewsFlashr
  18. 18. Clouds: Extipicious (Delicious) <ul><li>http://kevan.org/extispicious.cgi </li></ul>
  19. 19. Clouds: Cloudalicious
  20. 20. Clouds: Wordle
  21. 21. Clouds: TagCrowd
  22. 22. Clouds: TagCrowd <ul><li>as topic summaries for speeches and written works </li></ul><ul><li>for visual analysis of survey data </li></ul><ul><li>as brand clouds that let companies see how they are perceived by the world </li></ul><ul><li>for data mining a text corpus </li></ul><ul><li>for helping writers and students reflect on their work </li></ul><ul><li>as name tags for conferences, cocktail parties or wherever new collaborations start </li></ul><ul><li>as resumes in a single glance </li></ul><ul><li>as visual poetry </li></ul>
  23. 23. Clouds: TagCrowd <ul><li>Cloud of “Leaves of Grass by Wal Whitman, top 50 words. </li></ul>
  24. 24. Clouds: ManyEyes <ul><li>Cloud of “Leaves of Grass by Wal Whitman, top 200 words </li></ul>
  25. 25. Clouds: ManyEyes <ul><li>Interactive cloud, allows navigation of text body </li></ul>
  26. 26. Clouds: TagGalaxy Words <ul><li>http://www.taggalaxy.de/ </li></ul>
  27. 27. Clouds: TagGalaxy Pics <ul><li>http://www.taggalaxy.de/ </li></ul>
  28. 28. Mindmapping <ul><li>Mindmapping as concept visualization tool > WikiMindMap </li></ul><ul><li>Mindmapping online tool for collaboration > MindMeister </li></ul><ul><li>Offline personal mindmapping tool > FreeMind </li></ul>
  29. 29. WikiMindMap <ul><li>http://www.wikimindmap.org </li></ul>
  30. 30. MindMeister <ul><li>http://www.mindmeister.com </li></ul>
  31. 31. MindMeister Example
  32. 32. FreeMind Example <ul><li>http://freemind.sourceforge.net/wiki/index.php/Main_Page </li></ul>
  33. 33. Timelines <ul><li>Obvious uses: </li></ul><ul><ul><li>History </li></ul></ul><ul><ul><li>Biography </li></ul></ul><ul><ul><li>Individuals & institutions </li></ul></ul><ul><li>Creative uses </li></ul><ul><ul><li>Clinical case study presentation </li></ul></ul><ul><ul><li>Track epidemiology of disease spread in community </li></ul></ul><ul><ul><li>Project planning </li></ul></ul><ul><ul><li>Any kind of temporal or process-oriented data </li></ul></ul><ul><ul><li>Storytelling or narrative process </li></ul></ul>
  34. 34. Timelines: Dipity <ul><li>http://www.dipity.com/ </li></ul>
  35. 35. Timelines: Dipity - Example <ul><li>Equipment recalls </li></ul><ul><li>Set up with an rss feed to add new events? </li></ul>
  36. 36. Timelines: Dipity - Example <ul><li>Equipment recalls </li></ul><ul><li>Eample of event detail view </li></ul>
  37. 37. Timelines: xTimeline <ul><li>http://www.xtimeline.com/ </li></ul><ul><li>Features </li></ul><ul><li>Searching </li></ul><ul><li>Groups </li></ul><ul><li>Public editing </li></ul>
  38. 38. Timelines: xTimeline - Example <ul><li>Pregnancy timeline </li></ul><ul><li>Single author </li></ul>
  39. 39. Timelines: xTimeline - Example <ul><li>Higher education entry into Second Life </li></ul><ul><li>Multiple authors </li></ul>
  40. 40. Timelines: xTimeline - Example <ul><li>Detail - entry point view </li></ul>
  41. 41. Timelines: xTimeline - Example <ul><li>Privacy restrictions </li></ul>
  42. 42. Timelines: xTimeline - Example <ul><li>Groups </li></ul><ul><li>Sharing / commenting </li></ul>
  43. 43. Timelines - Highlights <ul><li>CircaVie & Dipity </li></ul><ul><ul><li>Lightweight, easy to use, community based, intended for social purposes & personal use </li></ul></ul><ul><ul><li>Multimedia </li></ul></ul><ul><li>Dipity </li></ul><ul><ul><li>Integrates with other social media (Twitter, Picasa, Flickr, Google, etc.) </li></ul></ul><ul><li>xTimeline </li></ul><ul><ul><li>Wiki-style </li></ul></ul><ul><ul><li>Team work, collaboration </li></ul></ul><ul><ul><li>Multimedia </li></ul></ul>
  44. 44. Data visualization <ul><li>Visualization helpful in analysis of a variety of types of data. </li></ul><ul><li>Many types of data, many types of analysis, many types of display of data = </li></ul><ul><li>Many tools </li></ul>
  45. 45. Visualization: Vispedia.stanford.edu
  46. 46. Visualization: Gapminder
  47. 47. Visualization: Lexipedia
  48. 48. Visualization: Swivel <ul><li>http://www.swivel.com/ </li></ul>
  49. 49. Visualization: Swivel Example <ul><li>Beckett analysis of the Unnameable </li></ul>
  50. 50. Visualization: Swivel Example <ul><li>Pesticides in Broccoli </li></ul>
  51. 51. Visualization: ManyEyes <ul><li>http://services.alphaworks.ibm.com/manyeyes/ </li></ul>
  52. 52. Visualization: ManyEyes Example <ul><li>Word Cloud - Leaves of Grass, by Walt Whitman </li></ul>
  53. 53. Visualization: ManyEyes Example <ul><li>EBM word tree </li></ul>
  54. 54. Visualization: ManyEyes Example <ul><li>University of Michigan faculty size and average salary by department </li></ul>
  55. 55. Visualization: ManyEyes Example <ul><li>FDA Survey Data on Perchorate in Food, 2005-2006 </li></ul>
  56. 56. Visualization: Circos <ul><li>http://mkweb.bcgsc.ca/circos/ </li></ul>
  57. 57. Data visualization - Highlights <ul><li>Variety of tools available for different domains </li></ul><ul><li>Swivel especially strong in generating graphs </li></ul><ul><li>ManyEyes especially rich source of various visual analyses, flexible, interactive, various types of datasets allowed </li></ul>
  58. 58. Mashups: SpotCrime <ul><li>http://www.spotcrime.com/ </li></ul>
  59. 59. Mashups: Extispicious <ul><li>http://kevan.org/extispicious.cgi </li></ul><ul><li>A gazillion GoogleMap mashups </li></ul>
  60. 60. Mashups: Dipity+Flickr
  61. 61. Mashups: Dipity+YouTube
  62. 62. Mashups: EDIS <ul><li>RSOE: EDIS (Emergency & Disaster Information Service): http://hisz.rsoe.hu/alertmap/?area=&lang=eng </li></ul>
  63. 63. Examples: Mapping <ul><li>Worldkit.org </li></ul>
  64. 64. Examples: Mathematics <ul><li>Garrett Lisi: Deferential Geometry: e8 polytope: http://deferentialgeometry.org/epe/ </li></ul>
  65. 65. Examples: Mathematics <ul><li>Garrett Lisi: Deferential Geometry: e8 polytope: http://deferentialgeometry.org/epe/ </li></ul>
  66. 66. Examples: Table of Condiments <ul><li>http://backtable.org/~blade/fnord/condiments.html </li></ul>
  67. 67. Examples/Resources: Periodic Table of Visualization Methods <ul><li>http://www.visual-literacy.org/periodic_table/periodic_table.html </li></ul>
  68. 68. Resources: VisualComplexity.com
  69. 69. Resources: VisualComplexity.com
  70. 70. Resources: FlowingData.com
  71. 71. Resources: StrangeMaps <ul><li>http://strangemaps.wordpress.com/ </li></ul>
  72. 72. Resources: Information Aesthetics <ul><li>http://www.infosthetics.com/ </li></ul>
  73. 73. Resources: Information Aesthetics <ul><li>http://www.infosthetics.com/ </li></ul>
  74. 74. Resources: Eager Eyes <ul><li>http://www.eagereyes.org </li></ul>
  75. 75. Resources: Mind-mapping.org
  76. 76. Resources: NCIBI <ul><li>Collection of life science visualisation tools: http://portal.ncibi.org/gateway/tools.php?category=4&sortedBy=name&order=ASC&suite=false </li></ul>
  77. 77. Additional resources <ul><li>Perez, Sarah. The Best Tools for Visualization. March 13, 2008 9:25 AM. http://www.readwriteweb.com/archives/the_best_tools_for_visualization.php </li></ul><ul><li>Data Visualization - Modern Approaches (Smashing Magazine, August 2007): http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/ </li></ul>
  78. 78. Trends? Sprint <ul><li>Sprint Widget: http://now.sprint.com/widget/ </li></ul>
  79. 79. Trends? Google <ul><li>Google: Code: BirdEye: http://code.google.com/p/birdeye/ </li></ul>
  80. 80. Want more? <ul><li>Discovery - Del.icio.us </li></ul><ul><ul><li>http://del.icio.us/tags/visualization </li></ul></ul><ul><ul><li>http://del.icio.us/tags/visualisation </li></ul></ul><ul><li>These slides will be at: </li></ul><ul><ul><li>http://slideshare.net/umhealthscienceslibraries </li></ul></ul>
  81. 81. Want more? <ul><li>These slides will be at: </li></ul><ul><ul><li>http://slideshare.net/umhealthscienceslibraries </li></ul></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×