Data Visualization: Modern Approaches (web tools/resources)


	Data Visualization: Modern Approaches (web tools/resources)
alanocu
8-3-2007 6:09 PM
696 views
tags:
data, chart, graphics, diagram, statistics, map
alanocu says:
wow! some very interesting ideas and useful ways of displaying data of all sorts
1 Comment |
Add a Comment
8-4-2007 5:16 AM
michellezm
Wow is an understatement. This is fantastic. Tks
Login to Comment. Not a member yet? Sign up
Hanson Unhinged
Discovery of Atlantis
Geologic Evidence of the Cause of Global W...
Solar power airplane
Bitter Liberals - Check the Data; Conserva...
DNS cache poisoning
More clips from alanocu

Framing Leaders
The Perfect Hat For Your Ugly Mug
Chanel No. 1
Today's Top Clips

visit the Top Clips page
View the Top Clips from August 3, 2007
Embed This Clip In Your Site...
<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/3d4a4f9a-d3c1-4230-9213-9bb2a28d8777/407AEF62-E941-46C9-BA75-394956473276/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/" href="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/" style="font-size: 11px;">www.smashingmagazine.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/">there are much better, profound, creative and <STRONG>absolutely fascinating ways to visualize data</STRONG></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/">take a look at the <STRONG>most interesting modern approaches</STRONG></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><H3>1. Mindmaps</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><P><A href="http://www.informationarchitects.jp/ia-trendmap-2007v2">Trendmap 2007</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/www.smashingmagazine.com/img/8B282EE0-824C-4D8C-9B29-32AD339BA398" alt="Web Trends 2007" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.informationarchitects.jp">Informationarchitects.jp</A> presents the 200 most successful websites <A href="#" class="kLink" target="_new" id="KonaLink2"><FONT color="#cccc00"><SPAN class="kLink">on </SPAN><SPAN class="kLink">the </SPAN><SPAN class="kLink">web</SPAN></FONT></A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><H3>2. Displaying News</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.marumushi.com/apps/newsmap/">Newsmap</A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/">landscape of the Google News news aggregator</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/www.smashingmagazine.com/img/740AF4B4-EEB5-4853-A0D5-310C6AE99843" alt="Newsmap" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://rssvoyage.com">Voyage</A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/">latest news in the “gravity area”</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/www.smashingmagazine.com/img/F09E4B9D-6D58-434D-8E53-F8E0C0E3EB32" alt="Voyage" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://labs.digg.com/bigspy/?popular">Digg BigSpy</A> </blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/www.smashingmagazine.com/img/A4A60382-85EA-46AE-A439-AD70CC4217F3" alt="Digg Big Spy" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://labs.digg.com/stack/">Digg Stack</A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/www.smashingmagazine.com/img/8AE5662D-D398-4175-AACC-BCC55AC0F9A8" alt="Stack" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><H3>3. Displaying Data</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://amaztype.tha.jp">Amaztype</A>, a typographic <A href="#" class="kLink" target="_new" id="KonaLink4"><FONT color="#cccc00"><SPAN class="kLink">book </SPAN><SPAN class="kLink">search</SPAN></FONT></A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/www.smashingmagazine.com/img/7AE64B2E-8422-48CC-96BA-344CD8316C91" alt="Amaztype" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"> <A href="http://www.hottoast.org/convexstyle/flickrtime/">Flickrtime</A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/www.smashingmagazine.com/img/A3721492-5556-4AC2-A020-4911E8E0F7FA" alt="Flickrtime" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.time.com/time/covers/20061030/where_we_live/">Time Magazine</A> </blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/">uses visual hills (spikes)</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/www.smashingmagazine.com/img/2F05E98B-7042-4583-86D5-A170468C6C56" alt="Where we live" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.crazyegg.com">CrazyEgg</A> </blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/">heat map</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/">sections</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"> clicked more often</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/www.smashingmagazine.com/img/65260ECB-0E35-46C4-991A-2453BAE03B5C" alt="CrazyEgg" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.ted.com/index.php/talks/view/id/92">Hans Rosling TED Talk</A> </blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/www.smashingmagazine.com/img/745FD606-8DEF-4D2D-AB23-EECB14BA0F57" alt="Hans Rosling" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.acooke.org/andrew/writing/arms.html">Three Views</A> shows three views of the earth</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/www.smashingmagazine.com/img/834EFFC8-2A90-4C08-B521-DCA4747B5AED" alt="Three Views" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.wefeelfine.org/movements.html">We Feel Fine</A> shows human feelings</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/www.smashingmagazine.com/img/8BCBCC7E-1C85-484E-8E63-85B4244D24AB" alt="We Feel Fine" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.abeautifulwww.com/2007/05/20/visualizing-the-power-struggle-in-wikipedia/">Visualizing the Power Struggle in Wikipedia</A> </blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/www.smashingmagazine.com/img/96EA186E-C299-4D43-B476-AA844D92DC8A" alt="Wikipedia" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/www.smashingmagazine.com/img/571B6CEC-59B5-4D34-93ED-4B2F9396B3A1" alt="Wikipedia" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.aharef.info/2006/05/websites_as_graphs.htm">Websites as graphs</A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/www.smashingmagazine.com/img/F68130A6-F4D7-4812-8925-2AEAE613338E" alt="Websites as graphs" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.bbc.co.uk/history/interactive/timelines/british/index.shtml">Interactive History Timeline</A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/www.smashingmagazine.com/img/F98A85BB-26FF-432D-BEC0-7677445E0C34" alt="Timeline" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.microsiervos.com/archivo/azar/loto-estrella.html">Winning Lotto Numbers</A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/www.smashingmagazine.com/img/40243538-9524-4D95-9822-AF11E89D2194" alt="Lotto" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://well-formed-data.net/experiments/elastic_lists/">Elastic Lists</A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/www.smashingmagazine.com/img/1877060C-1D06-49C4-97DE-F704DC985BB9" alt="Elastic Lists" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><H3>4. Displaying connections</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.munterbund.de/visualisierung_textaehnlichkeiten/essay.html">Munterbund</A> </blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/www.smashingmagazine.com/img/CB22AC2C-B342-4932-98BE-962D5C131DA8" alt="Text similarities" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.burstlabs.com">Burst Labs</A> </blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/www.smashingmagazine.com/img/301AA2C2-56C4-4B32-9483-B535B38BADFB" alt="Burst Labs" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://universe.daylife.com/">Universe DayLife</A> </blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/www.smashingmagazine.com/img/D4BEEF18-AA91-4438-BDBE-013C90AE3E08" alt="Universe" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.musiclens.de/contest/">Musiclens</A> </blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/www.smashingmagazine.com/img/40FCBF64-52BA-4A7C-9367-BA63BF9F52AD" alt="Musiclens" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.fidgt.com/visualize">Figd’t Visualizer</A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/www.smashingmagazine.com/img/75D5F954-E946-47EF-B381-1B6824654771" alt="Fidgt" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.dimvision.com/musicmap/">Musicmap</A>:</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/www.smashingmagazine.com/img/7E982CF8-9AFD-4B96-B013-85AAE941B320" alt="Musicmap" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.musicovery.com">Musicovery</A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/www.smashingmagazine.com/img/C60773E9-3EA5-4E2D-8862-BDD212568818" alt="Musicovery" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.oreilly.com/pub/a/oreilly/news/languageposter_0504.html">Lanuage Poster</A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/www.smashingmagazine.com/img/733AC00F-2533-4233-9601-4EB5C2831A72" alt="History of Programming Languages" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><H3>5. Displaying web-sites</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://www.spacetime.com">Spacetime</A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/www.smashingmagazine.com/img/56E12008-E06E-491F-AE71-13420F445225" alt="Spacetime" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><A href="http://ubrowser.com/">UBrowser</A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/www.smashingmagazine.com/img/FB5F2FCF-48A0-43E1-BF38-6B3C11A620B1" alt="UBrowser" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/">16 Awesome Data Visualization Tools</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/">Dataesthetics</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/">Periodic Table</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/www.smashingmagazine.com/img/9ECE6924-561A-47EA-B056-5493F1A995C0" alt="Periodic Table" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/">IBM Many Eyes</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/www.smashingmagazine.com/img/E71FC1D4-9F1D-49E1-A677-AD3BF63FF4A7" alt="Screenshot" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/">Swivel</blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/407AEF62-E941-46C9-BA75-394956473276/blog/" title="blog or email this clip"><img src="http://content8.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>