<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>A Beautiful WWW</title>
	
	<link>http://abeautifulwww.com</link>
	<description />
	<lastBuildDate>Sat, 28 Jan 2012 22:46:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/abeautifulwww/feed" /><feedburner:info uri="abeautifulwww/feed" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>KDD 2011: Recap</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/VVTP9nRzwBg/</link>
		<comments>http://abeautifulwww.com/2011/08/23/kdd-2011-day-1-recap/#comments</comments>
		<pubDate>Tue, 23 Aug 2011 05:14:21 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/?p=649</guid>
		<description><![CDATA[Often I write some kind of summary when I get back from a conference, but today I ran into Justin Donaldson, a fellow Indiana alum, who said he still occasionally finds use of the content, or at least the visualizations, on my blog. Anyhow, I felt motivated to write my notes up as a blog [...]]]></description>
			<content:encoded><![CDATA[<p>Often I write some kind of summary when I get back from a conference, but today I ran into Justin Donaldson, a fellow Indiana alum, who said he still occasionally finds use of the content, or at least the visualizations, on my blog. Anyhow, I felt motivated to write my notes up as a blog post.</p>
<p>Overall many of the talks I attended where using latent factor models and stochastic gradient descent. A few mentions of gradient boosted trees. Good stuff. My favorite talks&#8230;</p>
<ul>
<li><strong>Charles Elkin&#8217;s &#8220;A Log-Linear Model with Latent Features for Dyadic Prediction&#8221;</strong>. A scalable method to do collaborative filtering using both latent features and &#8220;side information&#8221; (user/item content features). Can&#8217;t wait to try it out! Here&#8217;s a <a href="cseweb.ucsd.edu/~akmenon/LFL-ICDM10.pdf">link</a>.</li>
<li><strong>Peter Norvig&#8217;s Keynote about data mining at Google</strong>. Some tidbits:
<ul>
<li>Google mostly uses unsupervised or semi-supervised learning, both because of the cost of labeling and because labels themselves can be an impediment to higher accuracy.</li>
<li>He had this great graph of the accuracy of several algorithms for the word sense disambiguation task plotted against the amount of data used in training. The best performing algorithm always underperformed the worst algorithm when it was given an order of magnitude more data. A great argument for simple learning algorithms at very large scale.</li>
<li>They are very interested in transfer learning</li>
</ul>
</li>
<li><strong><a href="http://www.kdd.org/kdd2011/kddcup.shtml">KDD Cup</a></strong>. Topic was music recommendation using Yahoo&#8217;s data.
<ul>
<li>Many of the same ideas and observations as in the Netflix Prize. Neighbor models and latent factor models trained with stochastic gradient descent seemed pervasive.</li>
<li>Ensembles were necessary to win, but the accuracy improvement wasn&#8217;t huge over the best individual models. Quite the argument for not using ensembles in industry.</li>
<li>Yahoo organizers made some really interesting comments about the data. Among them that the mean rating is quite different for power users, which makes sense. And the data is acquired from different UI mechanisms, if I understood correctly, which impacts the distributions.</li>
</ul>
</li>
</ul>
<p>Looking forward to tomorrow!</p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2011/08/23/kdd-2011-day-1-recap/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2011/08/23/kdd-2011-day-1-recap/" data-text="KDD 2011: Recap"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2011%2F08%2F23%2Fkdd-2011-day-1-recap%2F&amp;title=KDD%202011%3A%20Recap" id="wpa2a_2"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/VVTP9nRzwBg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2011/08/23/kdd-2011-day-1-recap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2011/08/23/kdd-2011-day-1-recap/</feedburner:origLink></item>
		<item>
		<title>Three Favorites from the Knight News Challenge</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/AgDDcLuwXY0/</link>
		<comments>http://abeautifulwww.com/2010/11/23/three-favorites-from-the-knight-news-challenge/#comments</comments>
		<pubDate>Tue, 23 Nov 2010 07:08:54 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2010/11/23/three-favorites-from-the-knight-news-challenge/</guid>
		<description><![CDATA[The Knight New Challenge, in it’s 5th year, is a very cool effort to fund ideas that mashup aspects of the news industry with new tech.&#160; Looking at the winners from the past four years…I think most are more about inspiration than viability, and that’s just fine.&#160; Here’s three that stood out to me…MediaBugs.org. The [...]]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://www.newschallenge.org/">Knight New Challenge</a>, in it’s 5th year, is a very cool effort to fund ideas that mashup aspects of the news industry with new tech.&nbsp; Looking at the winners from the past four years…I think most are more about inspiration than viability, and that’s just fine.&nbsp; Here’s three that stood out to me…<br /><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://abeautifulwww.com/wp-content/uploads/2010/11/image_thumb9.png" width="544" height="112"/><br /><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://abeautifulwww.com/wp-content/uploads/2010/11/image_thumb1.png" width="77" height="24"/><a href="http://mediabugs.org">MediaBugs.org.</a> The idea is to have a mechanism to allow the ‘crowd’ to report errors in reporting.&nbsp; Cool idea…probably needs a way for a user to trivially report an error while reading from a news site, like nytimes.com, to gain traction. </p>
<p><a href="http://abeautifulwww.com/wp-content/uploads/2010/11/image11.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://abeautifulwww.com/wp-content/uploads/2010/11/image_thumb10.png" width="540" height="277"/></a><br /><a href="http://abeautifulwww.com/wp-content/uploads/2010/11/image4.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://abeautifulwww.com/wp-content/uploads/2010/11/image_thumb3.png" width="85" height="30"/></a>&nbsp;<a href="http://www.ushahidi.com/">ushahidi.com</a>.&nbsp; The idea here is a map based system for sharing information in a crisis.&nbsp; Apparently was used following the Haiti earthquake.&nbsp; Very cool!! </p>
<p><a href="http://abeautifulwww.com/wp-content/uploads/2010/11/image12.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://abeautifulwww.com/wp-content/uploads/2010/11/image_thumb11.png" width="539" height="101"/></a><br /><a href="http://abeautifulwww.com/wp-content/uploads/2010/11/image6.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://abeautifulwww.com/wp-content/uploads/2010/11/image_thumb5.png" width="89" height="33"/></a> <a href="http://www.documentcloud.org">documentcloud.org</a>. Idea is to facilate sharing of documents used as sources in news stories.&nbsp; I could imagine this idea could grow into community or algorithmic fact checking. </p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2010/11/23/three-favorites-from-the-knight-news-challenge/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2010/11/23/three-favorites-from-the-knight-news-challenge/" data-text="Three Favorites from the Knight News Challenge"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2010%2F11%2F23%2Fthree-favorites-from-the-knight-news-challenge%2F&amp;title=Three%20Favorites%20from%20the%20Knight%20News%20Challenge" id="wpa2a_4"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/AgDDcLuwXY0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2010/11/23/three-favorites-from-the-knight-news-challenge/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2010/11/23/three-favorites-from-the-knight-news-challenge/</feedburner:origLink></item>
		<item>
		<title>Getting Really Large Images onto WordPress</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/XxTfMQxZ3Zs/</link>
		<comments>http://abeautifulwww.com/2010/11/22/getting-really-large-images-onto-wordpress/#comments</comments>
		<pubDate>Mon, 22 Nov 2010 06:25:27 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2010/11/22/getting-really-large-images-onto-wordpress/</guid>
		<description><![CDATA[I wanted to added zoomable versions of some very large visualizations to the site this evening.&#160; So I uploaded them to GigaPan (actually, some had been uploaded years ago), and embedded them on the site, and everything works great!!&#160; Click on the ‘Data Art’ tab above to see for yourself.&#160; Here’s the steps if you’re [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://gigapan.org/"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://abeautifulwww.com/wp-content/uploads/2010/11/image.png" width="143" height="80"/></a> I wanted to added zoomable versions of some very large visualizations to the site this evening.&nbsp; So I uploaded them to <a href="http://gigapan.org/">GigaPan</a> (actually, some had been uploaded years ago), and embedded them on the site, and everything works great!!&nbsp; Click on the ‘Data Art’ tab above to see for yourself.&nbsp; Here’s the steps if you’re interested…</p>
<ol>
<li>GigaPan only accepts images that are 50 megapixels or more, which is really large.&nbsp; If your image is large, but not that large, download <a href="http://sourceforge.net/projects/imageenlarger/">SmillaEnlarger</a> and increase the size a little.  </li>
<li><a href="http://gigapan.org/create-account/">Sign up</a> for a GigaPan account if you don’t already have one.  </li>
<li><a href="http://gigapan.org/downloads/?file=gigapan-1.0.0824-upload-only.dmg">Download GigaPan uploader</a>.  </li>
<li>Install the uploader, and upload the image.&nbsp; The software was pretty easy to use.&nbsp; When the upload is finished, you’ll get a url for the image that includes a 5 digit id.&nbsp; One of mine was 65469, for example.  </li>
<li>On the wordpress page or post where you want the image, place the following code (replacing 65469 with your image’s id):<br />&lt;iframe src=<a href="http://www.gigapan.org/media/gigapans/65469/options/nosnapshots/iframe/flash.html?height=400">http://www.gigapan.org/media/gigapans/65469/options/nosnapshots/iframe/flash.html?height=400</a> frameborder=&#8221;0&#8243; height=&#8221;400&#8243; scrolling=&#8221;no&#8221; width=&#8221;100%&#8221;&gt;&lt;/iframe&gt;  </li>
<li>That’s it!&nbsp; You’ll get something like this…</li>
</ol>
<p><iframe height="400" src="http://www.gigapan.org/media/gigapans/65469/options/nosnapshots/iframe/flash.html?height=400" frameborder="0" width="100%" scrolling="no"></iframe></p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2010/11/22/getting-really-large-images-onto-wordpress/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2010/11/22/getting-really-large-images-onto-wordpress/" data-text="Getting Really Large Images onto WordPress"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2010%2F11%2F22%2Fgetting-really-large-images-onto-wordpress%2F&amp;title=Getting%20Really%20Large%20Images%20onto%20WordPress" id="wpa2a_6"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/XxTfMQxZ3Zs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2010/11/22/getting-really-large-images-onto-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2010/11/22/getting-really-large-images-onto-wordpress/</feedburner:origLink></item>
		<item>
		<title>First Data Visualization Meetup—Nov 10th</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/O0whjHiScwA/</link>
		<comments>http://abeautifulwww.com/2010/11/03/first-data-visualization-meetupnov-10th/#comments</comments>
		<pubDate>Wed, 03 Nov 2010 19:30:52 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[Data Art]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2010/11/03/first-data-visualization-meetupnov-10th/</guid>
		<description><![CDATA[Lately Zhou Yu and I have been working to start a data visualization meetup in the Bay Area…something that surprisingly doesn’t already exist.&#160; Well (finally!) we have scheduled our first meetup, a talk by Stamen CEO Eric Rodenbeck (bio).&#160; We’re still looking for a regular venue for our meetups (ideally, one in SF and one [...]]]></description>
			<content:encoded><![CDATA[<p>Lately Zhou Yu and I have been working to start a <a href="http://www.meetup.com/VisualizeMyData/">data visualization meetup in the Bay Area</a>…something that surprisingly doesn’t already exist.&nbsp; Well (finally!) we have scheduled <a href="http://www.meetup.com/VisualizeMyData/calendar/15277168/">our first meetup</a>, a talk by <a href="http://stamen.com/">Stamen</a> CEO Eric Rodenbeck (<a href="http://stamen.com/studio/eric">bio</a>).&nbsp; We’re still looking for a regular venue for our meetups (ideally, one in SF and one on the Peninsula), but for now, Jeff Heer of Stanford has been good enough to allow us to use a classroom on campus.&nbsp; I have no doubt this topic is going to attract a fantastic group of people.&nbsp; Come join us!!</p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2010/11/03/first-data-visualization-meetupnov-10th/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2010/11/03/first-data-visualization-meetupnov-10th/" data-text="First Data Visualization Meetup&mdash;Nov 10th"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2010%2F11%2F03%2Ffirst-data-visualization-meetupnov-10th%2F&amp;title=First%20Data%20Visualization%20Meetup%E2%80%94Nov%2010th" id="wpa2a_8"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/O0whjHiScwA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2010/11/03/first-data-visualization-meetupnov-10th/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2010/11/03/first-data-visualization-meetupnov-10th/</feedburner:origLink></item>
		<item>
		<title>Direct Search</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/IQGMCvrcA3s/</link>
		<comments>http://abeautifulwww.com/2010/08/25/tuning-search-engine-components/#comments</comments>
		<pubDate>Thu, 26 Aug 2010 02:16:06 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2010/08/25/tuning-search-engine-components/</guid>
		<description><![CDATA[&#160; For the past couple of years I’ve been primarily involved with engineering models used in search engines.&#160; At times I’ve run into situations where a model I’m using or developing has some parameters that need to be set.&#160; For example, a model might have a parameter that is a threshold on a number of [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;<a href="http://abeautifulwww.com/wp-content/uploads/2010/08/image.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://abeautifulwww.com/wp-content/uploads/2010/08/image_thumb.png" width="67" height="47"/></a> For the past couple of years I’ve been primarily involved with engineering models used in search engines.&nbsp; At times I’ve run into situations where a model I’m using or developing has some parameters that need to be set.&nbsp; For example, a model might have a parameter that is a threshold on a number of times a keyword will be counted before we decide that additional occurrences are probably spam (and, yes, I’m talking about BM25 here).&nbsp; And, at times, either the cost function I would like to use to set the parameters is not differentiable (yeah, I’m thinking about DCG), or I’m perfectly happy to use a quick and dirty method.&nbsp; So I end up going with a <em>direct search</em> algorithm.&nbsp; Here’s what I’ve learned (and haven’t forgotten)… </p>
<p><span id="more-362"></span></p>
<ul>
<li>I don’t know of any direct search method that scales to more than a dozen-sih parameters.</li>
<li>Apache Commons Math has two direct search algorithms implemented in its Optimization package that are great place to start.&nbsp; The package also provides a framework for defining the cost function.&nbsp; Check it out: <a href="http://commons.apache.org/math/userguide/optimization.html">http://commons.apache.org/math/userguide/optimization.html</a>&nbsp; </li>
<li>Implementations abound in which each parameter is iteratively changed, using a heuristic for direction and possibility momentum for the changes.&nbsp; Evaluation of the cost function usually happens after a single parameter is updated, rather than only after an epoch.&nbsp; Here is a good example lifted from a paper describing the winning solution to the Netflix Prize (<a title="http://www.netflixprize.com/assets/ProgressPrize2008_BigChaos.pdf" href="http://www.netflixprize.com/assets/ProgressPrize2008_BigChaos.pdf">http://www.netflixprize.com/assets/ProgressPrize2008_BigChaos.pdf</a>)…</li>
</ul>
<p><a href="http://abeautifulwww.com/wp-content/uploads/2010/08/image1.png"><img style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="image" border="0" alt="image" src="http://abeautifulwww.com/wp-content/uploads/2010/08/image_thumb1.png" width="539" height="211"/></a></p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2010/08/25/tuning-search-engine-components/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2010/08/25/tuning-search-engine-components/" data-text="Direct Search"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2010%2F08%2F25%2Ftuning-search-engine-components%2F&amp;title=Direct%20Search" id="wpa2a_10"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/IQGMCvrcA3s" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2010/08/25/tuning-search-engine-components/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2010/08/25/tuning-search-engine-components/</feedburner:origLink></item>
		<item>
		<title>Beautiful Visualization: The Book</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/ifYBt6lNO-o/</link>
		<comments>http://abeautifulwww.com/2010/06/23/beautiful-visualization-the-book/#comments</comments>
		<pubDate>Wed, 23 Jun 2010 04:32:44 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/?p=186</guid>
		<description><![CDATA[Had the opportunity last fall to contribute a chapter to the recently released book &#8220;Beautiful Visualization&#8221; by Julie Steele and Noah Iliinsky. So for my chapter I did visualizations of two large datasets. One was of the Netflix Prize, which was an updated version of a visualization I did a couple of years back. And [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://abeautifulwww.com/2010/06/23/beautiful-visualization-the-book/beautifulvisualizationcover/" rel="attachment wp-att-284"><img src="http://abeautifulwww.com/wp-content/uploads/2010/06/beautifulvisualizationcover-150x150.jpg" alt="" title="beautifulvisualizationcover" width="150" height="150" class="alignleft size-thumbnail wp-image-284" /></a>Had the opportunity last fall to contribute a chapter to the recently released book &#8220;Beautiful Visualization&#8221; by Julie Steele and Noah Iliinsky.  So for my chapter I did visualizations of two large datasets.  One was of the Netflix Prize, which was an updated version of a visualization I did a couple of years back.  And since I was working at AT&#038;T Interactive R&#038;D at the time, the other visualization I did was of the query logs for Yellowpages.com, a local search engine owned by AT&#038;T.</p>
<p>Julie Steele was wonderful to work with as an editor.  And O&#8217;Reilly is kind enough to allow the chapter authors to release their own chapters in digital form.  So if your interested, you can <b>download the chapter <a href="http://abeautifulwww.com/bv_ch09.pdf">here</a></b>.</p>
<p><span id="more-186"></span></p>
<p>Here&#8217;s the Netflix visualization from the chapter.  Click it to enlarge.</p>
<div id="attachment_224" class="wp-caption alignleft" style="width: 289px"><a href="http://abeautifulwww.com/2010/06/23/beautiful-visualization-the-book/image1-8/" rel="attachment wp-att-224"><img src="http://abeautifulwww.com/wp-content/uploads/2010/06/image1-8-279x300.png" alt="" title="Netflix Prize" width="279" height="300" class="size-medium wp-image-224" /></a><p class="wp-caption-text">Movies in the Netflix Prize Dataset </p></div>
<p><div id="attachment_247" class="wp-caption alignleft" style="width: 310px"><a href="http://abeautifulwww.com/?attachment_id=247" rel="attachment wp-att-247"><img src="http://abeautifulwww.com/wp-content/uploads/2010/06/image1-13-300x159.png" alt="" title="image1-13" width="300" height="159" class="size-medium wp-image-247" /></a><p class="wp-caption-text">Closeup of Netflix Prize Visualization.</p></div><br />
<div id="attachment_279" class="wp-caption alignleft" style="width: 510px"><a href="http://abeautifulwww.com/?attachment_id=279" rel="attachment wp-att-279"><img src="http://abeautifulwww.com/wp-content/uploads/2010/06/image1-12-500x145.png" alt="" title="image1-12" width="500" height="145" class="size-medium wp-image-279" /></a><p class="wp-caption-text">Another closeup of the Netflix Prize visualization.</p></div></p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2010/06/23/beautiful-visualization-the-book/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2010/06/23/beautiful-visualization-the-book/" data-text="Beautiful Visualization: The Book"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2010%2F06%2F23%2Fbeautiful-visualization-the-book%2F&amp;title=Beautiful%20Visualization%3A%20The%20Book" id="wpa2a_12"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/ifYBt6lNO-o" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2010/06/23/beautiful-visualization-the-book/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2010/06/23/beautiful-visualization-the-book/</feedburner:origLink></item>
		<item>
		<title>Guide to Getting Started in Machine Learning</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/7kIZHNSLuHo/</link>
		<comments>http://abeautifulwww.com/2009/10/11/guide-to-getting-started-in-machine-learning/#comments</comments>
		<pubDate>Sun, 11 Oct 2009 05:01:02 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/?p=151</guid>
		<description><![CDATA[Someone at work recently asked how he should go about studying machine learning on his own. So I&#8217;m putting together a little guide. This post will be a living document&#8230;I&#8217;ll keep adding to it, so please suggest additions and make comments. Fortunately, there&#8217;s a ton of great resources that are free and on the web. [...]]]></description>
			<content:encoded><![CDATA[<p>Someone at work recently asked how he should go about studying machine learning on his own.  So I&#8217;m putting together a little guide.  This post will be a living document&#8230;I&#8217;ll keep adding to it, so please suggest additions and make comments.  </p>
<p>Fortunately, there&#8217;s a ton of great resources that are free and on the web.  The very best way to get started that I can think of is to read chapter one of The Elements of Statistical Learning: Data Mining, Inference, and Prediction (2009 edition).  The <a href="http://www-stat.stanford.edu/~tibs/ElemStatLearn/">pdf</a> is available online.  Or buy the book on Amazon <a href="http://www.amazon.com/Elements-Statistical-Learning-Prediction-Statistics/dp/0387848576/ref=sr_1_1?ie=UTF8&#038;s=books&#038;qid=1255234638&#038;sr=8-1">here</a>, if you prefer.  </p>
<p><a href="http://www.r-project.org/"><img alt="" src="http://www.r-project.org/Rlogo.jpg" title="R Logo" class="alignleft" width="100" height="76" /></a>Once you&#8217;ve read the first chapter, <a href="http://www.r-project.org/">download R</a>.  R is an open-source statistics package/language that&#8217;s quite popular.  Never heard of it?  Check out this post (<a href="http://dataspora.com/blog/predictive-analytics-using-r/">How Google and Facebook are using R</a>).  </p>
<p><span id="more-151"></span></p>
<p>Once you&#8217;ve installed R, maybe played around a little, then check out <a href="http://cran.r-project.org/web/views/MachineLearning.html">this page</a> which describes the major machine learning packages in R.  If you&#8217;re already familiar with some of the techniques, then dive in and start playing around with them in R.  On the other hand, if it looks really complicated, don&#8217;t worry about it yet.  </p>
<p><a href="http://archive.ics.uci.edu/ml/"><img alt="" src="http://archive.ics.uci.edu/ml/assets/MLimages/SmallLarge53.jpg" title="Iris Dataset" class="alignnone" width="40" height="40" /></a>Oh, by the way, if you want to start playing around with machine learning in R, you&#8217;ll need data.  Check out the <a href="http://archive.ics.uci.edu/ml/">UCI Machine Learning Repository</a>.  They have both real and toy datasets.  The <em>iris</em> dataset, for example, is famous for showing up in many research publications.</p>
<p>I&#8217;d suggest next reading more of The Elements of Statistical Learning.  Its an excellent book.  Try doing some of the programming exercises using R.  If you don&#8217;t like this book, there are plenty of others.  Bishop&#8217;s <a href="http://www.amazon.com/Pattern-Recognition-Learning-Information-Statistics/dp/0387310738/ref=sr_1_1?ie=UTF8&#038;s=books&#038;qid=1255235358&#038;sr=8-1">Pattern Recognition and Machine Learning</a> is a famous one.  It can be a little difficult depending on your math background.  Tom Mitchell&#8217;s <a href="http://www.amazon.com/Machine-Learning-Mcgraw-Hill-International-Edit/dp/0071154671/ref=pd_sim_b_3">Machine Learning</a> is another that&#8217;s often used to teach the topic.     </p>
<p>
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/UzxYlbK2c7E&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/UzxYlbK2c7E&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p>If you&#8217;re looking for perhaps a more passive experience, or want the feel of a classrom, Andrew Ng of Stanford has posted all of his lectures online.  He starts by saying that he thinks machine learning is the most exciting field in all of computer science.  Here here!</p>
<p>Another great resource is the <a href="http://ocw.mit.edu/OcwWeb/Electrical-Engineering-and-Computer-Science/6-867Fall-2006/CourseHome/index.htm">machine learning course</a> MIT has posted on their OpenCourseWare site.  It has the lecture notes, assignments, and more. <a href="http://ocw.mit.edu/OcwWeb/Electrical-Engineering-and-Computer-Science/6-867Fall-2006/LectureNotes/index.htm"><img alt="" src="http://ocw.mit.edu/OcwWeb/images/logo-ocw-home_new.gif" title="MIT OpenCourseWare Logo" class="alignnone" width="289" height="36" /></a></p>
<p>I&#8217;ll stop here now.  More later.</p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2009/10/11/guide-to-getting-started-in-machine-learning/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2009/10/11/guide-to-getting-started-in-machine-learning/" data-text="Guide to Getting Started in Machine Learning"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2009%2F10%2F11%2Fguide-to-getting-started-in-machine-learning%2F&amp;title=Guide%20to%20Getting%20Started%20in%20Machine%20Learning" id="wpa2a_14"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/7kIZHNSLuHo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2009/10/11/guide-to-getting-started-in-machine-learning/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2009/10/11/guide-to-getting-started-in-machine-learning/</feedburner:origLink></item>
		<item>
		<title>20 Useful Visualization Libraries</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/0BnY56XEAyo/</link>
		<comments>http://abeautifulwww.com/2008/09/08/20-useful-visualization-libraries/#comments</comments>
		<pubDate>Mon, 08 Sep 2008 05:04:10 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2008/09/08/20-useful-visualization-libraries/</guid>
		<description><![CDATA[Well, not entirely limited to libraries.&#160; Useful stuff for visualization practitioners sounded a little non-specific, though.&#160; These are all freely available. 1. Prefuse (Java) &#38; FLARE (Flex)&#160;&#160; &#160;2. simile (AJAX) &#160; &#160;3. Processing (Java) &#160;&#160;&#160; 4. GigaPan (Service) &#160;&#160;&#160; 5. Modest Maps (Flash, Python) 6. Google Visualization API (Javascript) 7. Google Chart API (Javascript) 8. [...]]]></description>
			<content:encoded><![CDATA[<p>Well, not entirely limited to libraries.&nbsp; Useful <em>stuff</em> for visualization practitioners sounded a little non-specific, though.&nbsp; These are all freely available.</p>
<p><span id="more-150"></span></p>
<table cellspacing="0" cellpadding="2" width="689" border="0">
<tbody>
<tr>
<td valign="top" width="687">
<p><strong>1. </strong><a href="http://prefuse.org/"><strong>Prefuse</strong></a><strong> (Java) &amp; </strong><a href="http://flare.prefuse.org/"><strong>FLARE</strong></a><strong> (Flex)</strong>&nbsp;<br /><a href="http://prefuse.org/gallery/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="124" alt="image11" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image11_thumb.jpg" width="228" border="0"/></a><a href="http://prefuse.org/gallery/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="123" alt="image14" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image14_thumb.jpg" width="226" border="0"/></a>&nbsp; </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p>&nbsp;<strong>2. </strong><a href="http://simile.mit.edu/"><strong>simile</strong></a><strong> (AJAX)</strong></p>
<p><a href="http://simile.mit.edu/timeline/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="124" alt="image104" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image104.jpg" width="260" border="0"/></a><a href="http://simile.mit.edu/timeplot/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="123" alt="image109" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image109.jpg" width="289" border="0"/></a>&nbsp; </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p>&nbsp;<strong>3. </strong><a href="http://processing.org/"><strong>Processing</strong></a><strong> (Java) </strong></p>
<p>&nbsp;<a href="http://processing.org/exhibition/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="203" alt="image46" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image46_thumb.jpg" width="262" border="0"/></a><a href="http://processing.org/exhibition/curated_page_3.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="203" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_8.png" width="196" border="0"/></a><a href="http://processing.org/exhibition/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="201" alt="image267" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image267_thumb.jpg" width="204" border="0"/></a>&nbsp;&nbsp; </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>4. </strong><a href="http://www.gigapan.org/"><strong>GigaPan</strong></a><strong> (Service)</strong></p>
<p><a href="http://www.gigapan.org/viewGigapan.php?id=70"></a><a href="http://www.gigapan.org"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="127" alt="image278" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image278_thumb.jpg" width="271" border="0"/><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="126" alt="image98" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image98_thumb.jpg" width="335" border="0"/></a> &nbsp;&nbsp;&nbsp; </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>5. </strong><a href="http://modestmaps.com/"><strong>Modest Maps</strong></a><strong> (Flash, Python)</strong></p>
<p><a href="http://modestmaps.com/example.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="165" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_12.png" width="211" border="0"/></a><a href="http://modestmaps.com/tutorial-actransit/actransit.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="165" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_13.png" width="213" border="0"/></a> </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>6. </strong><a href="http://code.google.com/apis/visualization/"><strong>Google Visualization API</strong></a><strong> (Javascript)</strong></p>
<p><a href="http://code.google.com/apis/visualization/documentation/gallery/annotatedtimeline.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="110" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_14.png" width="270" border="0"/></a><a href="http://code.google.com/apis/visualization/documentation/gallery/intensitymap.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="109" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_15.png" width="159" border="0"/></a> </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>7. </strong><a href="http://code.google.com/apis/chart/"><strong>Google Chart API</strong></a><strong> (Javascript)</strong></p>
<p><a href="http://code.google.com/apis/chart/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="120" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_thumb.png" width="120" border="0"/></a><a href="http://code.google.com/apis/chart/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="120" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_thumb_3.png" width="240" border="0"/></a><a href="http://code.google.com/apis/chart/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="120" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_thumb_4.png" width="180" border="0"/></a> <a href="http://code.google.com/apis/chart/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="120" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_thumb_5.png" width="220" border="0"/></a> </p>
</td>
</tr>
<tr>
<td valign="top" width="687"><strong>8. </strong><a href="http://code.google.com/apis/maps/"><strong>Google Maps API</strong></a><strong> (Javascript, Flash)</strong></td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>9. </strong><a href="http://www.graphviz.org/"><strong>GraphViz</strong></a><strong> (Wrappers for a dozen languages including Java, Perl, Python.&nbsp; Free.)</strong>&nbsp;</p>
<p><a href="http://www.graphviz.org/Gallery/undirected/ER.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="172" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_20.png" width="144" border="0"/></a> <a href="http://www.graphviz.org/Gallery/directed/cluster.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="173" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_21.png" width="99" border="0"/></a> </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>10. </strong><a href="http://www.jfree.org/index.html"><strong>JFree</strong></a><strong> (Java)</strong></p>
<p><a href="http://www.jfree.org/jfreechart/samples.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="145" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_22.png" width="244" border="0"/></a><a href="http://www.jfree.org/jfreechart/samples.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="145" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_24.png" width="244" border="0"/></a> </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>11. </strong><a href="http://pchart.sourceforge.net/index.php"><strong>pChart</strong></a><strong> (PHP)</strong></p>
<p><a href="http://pchart.sourceforge.net/screenshots.php"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="100" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_25.png" width="260" border="0"/></a><a href="http://pchart.sourceforge.net/screenshots.php"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="99" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_26.png" width="260" border="0"/></a> <a href="http://pchart.sourceforge.net/screenshots.php"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="99" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_27.png" width="260" border="0"/></a> </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>12. </strong><a href="http://www.openlayers.org/ "><strong>OpenLayers</strong></a><strong> (JavaScript)</strong></p>
<p><a href="http://online.desinventar.org/"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="190" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_28.png" width="260" border="0"/></a><a href="http://www.openlayers.org/"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="189" alt="image178" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image178_thumb.jpg" width="188" border="0"/></a> </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>13. </strong><a href="http://www.antigrain.com/"><strong>Anti-Grain</strong></a><strong> (C++)</strong></p>
<p><a href="http://www.antigrain.com/demo/alpha_mask2.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="137" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_30.png" width="169" border="0"/></a><a href="http://www.antigrain.com/demo/trans_curve2.gif"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="136" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_31.png" width="137" border="0"/></a><a href="http://www.antigrain.com/demo/trans_curve2.gif"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="135" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_32.png" width="121" border="0"/></a> </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>14. </strong><a href="http://www.jgraph.com/"><strong>JGraph</strong></a><strong> (Java)</strong></p>
<p><a href="http://www.jgraph.com/images/bettysbrain.gif"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="185" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_33.png" width="244" border="0"/></a> </p>
</td>
</tr>
<tr>
<td valign="top" width="687"><strong>15. </strong><a href="http://www.boost.org/doc/libs/1_36_0/libs/graph/doc/index.html"><strong>Boost Graph Library</strong></a><strong> (C++, phyton wrapper)</strong></td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>16. </strong><a href="http://teethgrinder.co.uk/open-flash-chart/"><strong>Open Flash Chart</strong></a><strong> (Flash)</strong></p>
<p><a href="http://teethgrinder.co.uk/open-flash-chart/"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="168" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_34.png" width="166" border="0"/></a><a href="http://teethgrinder.co.uk/open-flash-chart/"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="168" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_35.png" width="258" border="0"/></a> </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>17. </strong><a href="http://www.ubietylab.net/ubigraph/index.html"><strong>Ubigraph</strong></a><strong> (Wrappers for Python, Java, C, and more)</strong></p>
<p><a href="http://www.ubietylab.net/ubigraph/content/Demos/Networkx.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="162" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_36.png" width="292" border="0"/></a><a href="http://www.ubietylab.net/ubigraph/index.html"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="163" alt="image203" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image203_thumb.jpg" width="260" border="0"/></a>  </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>18. </strong><a href="http://jung.sourceforge.net/"><strong>JUNG</strong></a><strong> (Java)</strong></p>
<p><a href="http://jung.sourceforge.net/applet/imageshaperdemo.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="144" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_38.png" width="196" border="0"/></a><a href="http://jung.sourceforge.net/applet/multiviewdemo.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="143" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_39.png" width="338" border="0"/></a> </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>19. </strong><a href="http://www.timemap.net/index.php?option=com_content&amp;task=view&amp;id=19&amp;Itemid=166"><strong>TimeMap</strong></a><strong> (Java)</strong></p>
<p><a href="http://www.timemap.net/index.php?option=com_content&amp;task=view&amp;id=124&amp;Itemid=147"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="110" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_40.png" width="145" border="0"/></a><a href="http://www.timemap.net/index.php?option=com_content&amp;task=view&amp;id=124&amp;Itemid=147"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="110" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_41.png" width="140" border="0"/></a><a href="http://www.timemap.net/index.php?option=com_content&amp;task=view&amp;id=124&amp;Itemid=147"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="110" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_42.png" width="140" border="0"/></a> </p>
</td>
</tr>
<tr>
<td valign="top" width="687">
<p><strong>20. </strong><a href="http://services.alphaworks.ibm.com/manyeyes/page/Create_a_Visualization.html"><strong>Many Eyes</strong></a><strong> (online service)</strong></p>
<p><a href="http://services.alphaworks.ibm.com/manyeyes/page/Create_a_Visualization.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="135" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_43.png" width="297" border="0"/></a><a href="http://services.alphaworks.ibm.com/manyeyes/browse/visualizations"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="138" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_44.png" width="260" border="0"/></a> <a href="http://services.alphaworks.ibm.com/manyeyes/browse/visualizations"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="135" alt="image" src="http://abeautifulwww.com/UsefulVisualizationLibraries_EDF9/image_45.png" width="260" border="0"/></a> </p>
</td>
</tr>
</tbody>
</table>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2008/09/08/20-useful-visualization-libraries/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2008/09/08/20-useful-visualization-libraries/" data-text="20 Useful Visualization Libraries"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2008%2F09%2F08%2F20-useful-visualization-libraries%2F&amp;title=20%20Useful%20Visualization%20Libraries" id="wpa2a_16"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/0BnY56XEAyo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2008/09/08/20-useful-visualization-libraries/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2008/09/08/20-useful-visualization-libraries/</feedburner:origLink></item>
		<item>
		<title>Network Visualization for Systems Biology</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/ORpbtFzwIVM/</link>
		<comments>http://abeautifulwww.com/2008/05/29/network-visualization-for-systems-biology/#comments</comments>
		<pubDate>Fri, 30 May 2008 03:37:51 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2008/05/29/state-of-the-art-in-network-visualization-for-systems-biology/</guid>
		<description><![CDATA[&#160;This is a quick look at the state-of-the-art of network visualization in systems biology. It&#8217;s an interesting topic on its own (and my day job at the moment), and also as it relates to the visualization of other types of networks, such as social networks (think Facebook). Systems biology is all about looking at proteins, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image049.jpg"></a>&nbsp;<a href="http://abeautifulwww.com/GeneVisualizations_E01C/roche3.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="198" alt="roche3" src="http://abeautifulwww.com/GeneVisualizations_E01C/roche3_thumb.jpg" width="235" border="0"/></a>This is a quick look at the state-of-the-art of network visualization in <a href="http://en.wikipedia.org/wiki/Systems_biology">systems biology</a>. It&#8217;s an interesting topic on its own (and my day job at the moment), and also as it relates to the visualization of other types of networks, such as social networks (think <a href="http://www.facebook.com/profile.php?id=788653915">Facebook</a>). Systems biology is all about looking at proteins, pathogens, and more, within the contexts in which they interact. Naturally, then, the visualizations that tend to be particularly useful are those such as network visualizations that can provide macro understanding of the interactions.&nbsp; Questions such visualizations help with include those of the form &#8220;if a drug affects protein X, what else will it affect?&#8221; </p>
<p><span id="more-149"></span></p>
<p><strong>The Networks<br /></strong>Quite a bit of interesting complexity is present in these interaction networks (the data).&nbsp; They are often <a href="http://en.wikipedia.org/wiki/Small-world_network">small-world</a>, disassociative (unlike social networks), <a href="http://en.wikipedia.org/wiki/Scale-free_network">scale-free</a>, and exhibit modularity.&nbsp; Biologists are usually either interested in looking at larger scale cell level networks, or meaningful sub-networks called <em><a href="http://en.wikipedia.org/wiki/Metabolic_pathway">pathways</a>,</em> which typically are in the range of 50-500 nodes. </p>
<p>Making life interesting, duplicate nodes representing different states are often included.&nbsp; The edges are directed, and may be <a href="http://en.wikipedia.org/wiki/Hyperedge">hyperedges</a> when multiple nodes necessarily interact together. And, in truth, the edges are often approximations of the actual interactions in the underlying network.&nbsp; These approximations come from experimental findings published in journals.&nbsp;&nbsp; </p>
<p><strong>A First Look<br /></strong><a href="http://abeautifulwww.com/GeneVisualizations_E01C/roche1_3.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="347" alt="roche1" src="http://abeautifulwww.com/GeneVisualizations_E01C/roche1_thumb.jpg" width="410" border="0"/></a> This image is part of <a href="http://www.roche-applied-science.com/index.jsp">Roche Applied Science&#8217;s</a> &#8220;Biochemical Pathways&#8221; <a href="http://www.expasy.ch/tools/pathways/">series of wall charts</a>.&nbsp; The charts are in the style of circuit diagrams, which seems to be the most common 2-D representation of metabolic pathways.&nbsp; This set seems to have been particular influential.&nbsp; The appeal of this &#8216;map&#8217; is likely its scale.&nbsp; Viewers can spend a great deal of time <em>exploring</em>.&nbsp; In visualization there is a notion of &#8216;information density&#8217;, meaning the more visual attributes used to convey the data, the more information that may be present in the visualization.&nbsp; This image has a very high information density.&nbsp; </p>
<p><strong>Layout</strong></p>
<p><a href="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image004.gif"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="261" alt="clip_image004" src="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image004_thumb.gif" width="543" border="0"/></a>In general (not just systems bio), network/graph layout (choosing where to place the nodes and edges) is done with consideration for (A) the topology network and (B) the aesthetics.&nbsp; The primary topology concern is to place connected node pairs near one another and unconnected pairs apart.&nbsp; The primary aesthetic concerns are to ensure that nodes do not overlap, edges do not cross, and labels are readable.&nbsp;&nbsp;&nbsp;&nbsp; </p>
<p><a href="http://abeautifulwww.com/GeneVisualizations_E01C/cerebralmapk.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="476" alt="cerebralmapk" src="http://abeautifulwww.com/GeneVisualizations_E01C/cerebralmapk_thumb.jpg" width="544" border="0"/></a> However, nodes in systems biology often also have biologically significant locations associated with them (e.g., within a cell, or within the nucleus of a cell).&nbsp; The most common way of handling this location information is to treat the layout in a standard network layout manner, but constrain nodes to a compartment/level designated as the extracellular, membrane, cytoplasm, nucleus, etc.&nbsp; This visualization, created with the <a href="http://www.pathogenomics.ca/cerebral/">Cerebral</a> plugin for <a href="http://www.cytoscape.org/">Cytoscape</a> is the best example I know of of this. </p>
</p>
<p><u><a href="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image0067.gif"></a></u><u></u></p>
<p><strong>Realism</strong>
</p>
<p><a href="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image008.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="242" alt="clip_image008" src="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image008_thumb.jpg" width="557" border="0"/></a><a href="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image033.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="285" alt="clip_image033" src="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image033_thumb.jpg" width="193" border="0"/></a>Most of the network visualization tools for systems biology create very abstract images.&nbsp; However, in high quality publications, such as the journal Nature, the abstract images are often hand rendered to include more realistic imagery.&nbsp; Something I would like to do more of if look at actual microscope images and behavioral models to try to usefully bridge the gap. </p>
<p><strong>Visual Data Mining</strong></p>
<p><a href="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image010.gif"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="226" alt="clip_image010" src="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image010_thumb.gif" width="556" border="0"/></a>There are many uses of these network visualizations for biologists and others.&nbsp; One is just that they can leave a more lasting impression/memory than simple lists.&nbsp; A major use case, though, is visual data mining, which may take many forms.&nbsp; Followers of <a href="http://www.edwardtufte.com/tufte/">Tufte</a> know that contrasts are often the most valuable element of a visualization.&nbsp; This image is a straightforward example.&nbsp; More sophistication visual data mining might include <a href="http://en.wikipedia.org/wiki/Data_clustering">clustering</a> and <a href="http://en.wikipedia.org/wiki/Statistical_classification">classification</a> of those clusters.</p>
<p><a href="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image012.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="297" alt="clip_image012" src="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image012_thumb.jpg" width="558" border="0"/></a> <br /><a href="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image017.jpg"></a><a href="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image019.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="191" alt="clip_image019" src="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image019_thumb.jpg" width="154" border="0"/></a><a href="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image017.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="190" alt="clip_image017" src="http://abeautifulwww.com/GeneVisualizations_E01C/clip_image017_thumb.jpg" width="344" border="0"/></a><br /><strong><br />Zoom and Community Involvement</strong></p>
<p><a href="http://abeautifulwww.com/GeneVisualizations_E01C/genomeprojector.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="381" alt="genomeprojector" src="http://abeautifulwww.com/GeneVisualizations_E01C/genomeprojector_thumb.jpg" width="573" border="0"/></a>Because the Roche wall charts beg to be explored, it is only natural that a tool would be created for doing so.&nbsp; <a href="http://www.g-language.org">G-Language</a> is an open source shell that supports, among other things, pathway visualization plugins.&nbsp; The <a href="http://www.g-language.org/GenomeProjector/">Genome Projector</a> is module for G-Language which uses the <a href="http://code.google.com/apis/maps/">Google Maps API</a> to allow exploration and annotation.&nbsp; No doubt, as systems biology network visualization tools reach later versions, more and more will support rich interaction and, perhaps, treat the visualization as a vehicle for collaboration. </p>
<p><strong>Hierarchy and Metanodes<br /></strong>&nbsp;<a href="http://abeautifulwww.com/GeneVisualizations_E01C/image_3.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="204" alt="image" src="http://abeautifulwww.com/GeneVisualizations_E01C/image_thumb.png" width="174" border="0"/></a><a href="http://abeautifulwww.com/GeneVisualizations_E01C/image15.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="203" alt="image" src="http://abeautifulwww.com/GeneVisualizations_E01C/image15_thumb.png" width="271" border="0"/></a>In the networks section above, I mentioned that the networks are often modular.&nbsp; The most obvious modules are <a href="http://en.wikipedia.org/wiki/Organelle">organelles</a>.&nbsp; But other modules exist, such as those defined functionality.&nbsp; As the above examples show, incorporation of the modularity information into the visualization often is done in a manner that makes it even more abstract.&nbsp;&nbsp; </p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2008/05/29/network-visualization-for-systems-biology/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2008/05/29/network-visualization-for-systems-biology/" data-text="Network Visualization for Systems Biology"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2008%2F05%2F29%2Fnetwork-visualization-for-systems-biology%2F&amp;title=Network%20Visualization%20for%20Systems%20Biology" id="wpa2a_18"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/ORpbtFzwIVM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2008/05/29/network-visualization-for-systems-biology/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2008/05/29/network-visualization-for-systems-biology/</feedburner:origLink></item>
		<item>
		<title>A Look at FINVIZ.com (Financial Visualizations)</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/mcgOVmTIrDY/</link>
		<comments>http://abeautifulwww.com/2008/05/12/a-look-at-finvizcom-financial-visualizations/#comments</comments>
		<pubDate>Mon, 12 May 2008 06:31:47 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2008/05/12/a-look-at-finvizcom-financial-visualizations/</guid>
		<description><![CDATA[FINVIZ is a suite of free financial tools that takes advantage of modern visualization ideas.&#160; The infoviz and interaction designs are certainly worth a blog post.&#160; Here&#8217;s a look at their efforts&#8230; 1. Sector Visualization.&#160; This visualization is a treemap implemented using the Google Maps API.&#160;&#160; It shows how well sectors and companies (stocks) within [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/about_finviz.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="177" alt="about_finviz" src="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/about_finviz_thumb.png" width="526" border="0"/></a> </p>
<p><a href="http://finviz.com/">FINVIZ</a> is a suite of free financial tools that takes advantage of modern visualization ideas.&nbsp; The infoviz and interaction designs are certainly worth a blog post.&nbsp; Here&#8217;s a look at their efforts&#8230;</p>
<p><span id="more-148"></span></p>
<p><strong>1.</strong> <strong><a href="http://finviz.com/map.ashx">Sector Visualization</a></strong>.<strong>&nbsp;</strong> This visualization is a <a href="http://en.wikipedia.org/wiki/Treemapping">treemap</a> implemented using the <a href="http://code.google.com/apis/maps/">Google Maps API.</a>&nbsp;&nbsp; It shows how well sectors and companies (stocks) within those sectors are doing.&nbsp; The attention to detail is exceptional.&nbsp; The company name stays the same size on zoom, and is dual encoded using a background image.&nbsp; The gain/loss is shown using shades of green/red, and is also dual encoded using text.&nbsp; On mouseover details are provided in a side panel.</p>
<p><a href="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/map.jpg">
<p><a href="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/map.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="378" alt="map" src="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/map_thumb.jpg" width="579" border="0"/></a></p>
<p></a>
<p><embed src="http://www.youtube.com/v/YHuXCRsyrBk&amp;hl=en" width="425" height="355" type="application/x-shockwave-flash" wmode="transparent"></embed></p>
<p><a href="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/mapclosup.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="426" alt="map-closup" src="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/mapclosup_thumb.jpg" width="581" border="0"/></a> </p>
<p><strong>2. Stock Charts.</strong>&nbsp; When you create a portfolio of stocks, a number of views of that portfolio.&nbsp; One is a <a href="http://en.wikipedia.org/wiki/Small_multiple">small multiples</a> view which allows easy comparison without overlay as one has to do with Google Finance and Yahoo Finance charts.&nbsp; Again, attention to detail is wonderful.&nbsp; The current price is highlighted, the trendlines are nicely colored, and the volume barchart is part of the background.</p>
<p><a href="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/image.png"></a><a href="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/profiles.jpg"></a><a href="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/smallMultiples.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="316" alt="smallMultiples" src="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/smallMultiples_thumb.jpg" width="583" border="0"/></a></p>
<p>&nbsp;<strong>3. Trends</strong>.&nbsp; They use <a href="http://en.wikipedia.org/wiki/Sparkline">Sparklines</a> for trend indicators.&nbsp; Well, they may just be icons (not encoded by actual data), but I&#8217;ll delude myself nonetheless.</p>
<p><a href="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/image.png"></a><a href="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/profiles.jpg"></a>&nbsp;<img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="181" alt="sparklines" src="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/sparklines_thumb.jpg" width="644" border="0"/></p>
<p><strong>4. News.</strong> They aggregate the news items for all the stocks in a portfolio onto one page.&nbsp; Very nicely done.&nbsp; Only shows the day, month, year, when they change.&nbsp; Overlays chart when mouseover of price (notice the little icon to indicate this next to the word price&#8230;attention to detail).&nbsp; </p>
<p><a href="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/sparklines.jpg"></a><a href="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/news.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="349" alt="news" src="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/news_thumb.jpg" width="644" border="0"/></a></p>
<p><strong>5. Profiles.</strong>&nbsp; Again, just very nicely done, showing all of the profiles on the same page.</p>
<p><a href="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/profiles.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="458" alt="profiles" src="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/profiles_thumb.jpg" width="644" border="0"/></a> </p>
<p><strong>6.&nbsp; Relative Volume Indicator.</strong>&nbsp; A second vertical axis is added.</p>
<p><a href="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/image.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="120" alt="image" src="http://abeautifulwww.com/AReviewofFINVIZ.com_13D29/image_thumb.png" width="244" border="0"/></a></p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2008/05/12/a-look-at-finvizcom-financial-visualizations/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2008/05/12/a-look-at-finvizcom-financial-visualizations/" data-text="A Look at FINVIZ.com (Financial Visualizations)"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2008%2F05%2F12%2Fa-look-at-finvizcom-financial-visualizations%2F&amp;title=A%20Look%20at%20FINVIZ.com%20%28Financial%20Visualizations%29" id="wpa2a_20"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/mcgOVmTIrDY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2008/05/12/a-look-at-finvizcom-financial-visualizations/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2008/05/12/a-look-at-finvizcom-financial-visualizations/</feedburner:origLink></item>
		<item>
		<title>5 Reasons Visualization Is Not More Prevalent</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/X03ezN-Q_l8/</link>
		<comments>http://abeautifulwww.com/2008/04/20/5-reasons-visualization-is-not-more-prevalent/#comments</comments>
		<pubDate>Sun, 20 Apr 2008 07:33:43 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2008/04/20/5-reasons-visualization-is-not-more-prevalent/</guid>
		<description><![CDATA[Why does it seem I have to look hard to find good data visualization examples?&#160; Why do few tech companies devote resources to visualization (Google&#8217;s the obvious exception)?&#160; Why are there relatively few job postings for visualization, with many of those there are requiring mainly graphic design skills and not data visualization skills?&#160; I was [...]]]></description>
			<content:encoded><![CDATA[<p>Why does it seem I have to look hard to find good data visualization examples?&nbsp; Why do few tech companies devote resources to visualization (Google&#8217;s the obvious <a href="http://code.google.com/apis/visualization/">exception</a>)?&nbsp; Why are there relatively few <a href="http://jobsearch.monster.com/Search.aspx?re=130&amp;cy=us&amp;brd=1&amp;JSNONREG=1&amp;q=visualization&amp;rad=20&amp;rad_units=miles">job postings</a> for visualization, with many of those there are requiring mainly graphic design skills and not data visualization skills?&nbsp; I was thinking about this today and I came up with a few possible reasons, some based on perceptions, and others based on marketplace realities. </p>
<p><strong>Reason #1: People Don&#8217;t Know What Data Visualization Is</strong></p>
<p><a href="http://abeautifulwww.com/Whyresistancetovisualization_12D3C/benfrymonkey.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="164" alt="benfry-monkey-small" src="http://abeautifulwww.com/Whyresistancetovisualization_12D3C/benfrymonkeysmall.jpg" width="260" border="0"/></a> People don&#8217;t know what data visualization is.&nbsp; Don&#8217;t believe me?&nbsp; Read the Amazon.com <a href="http://www.amazon.com/exec/obidos/ASIN/0596514557/ref=nosim/benfrycom-20">reviews for the book Data Visualization</a> by Ben Fry. They contain negative comments such as &#8220;One would expect a book with the title &#8216;Visualizing Data&#8217; to be crammed with pictures&#8221;.&nbsp; The issue seems be that too much of the book is devoted to <em>data</em> and the <em>mapping of data properties to visual properties</em>.&nbsp; </p>
<p><span id="more-147"></span></p>
<p>Graphic design is different from data visualization.&nbsp; Graphic designers are largely free from having to deal with actual data, and from having their product emerge from data.&nbsp; Graphic design components and data visualization components are often mixed, and with great success.&nbsp; But they are different.&nbsp; Art is not visualization.&nbsp; And visualization is not art&#8230;unless it is <img src='http://abeautifulwww.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>The above visualization (which is, in fact, by <a href="http://benfry.com/">Ben Fry</a>) is driven by the properties of two underlying datasets.&nbsp; One dataset is the DNA of a monkey.&nbsp; The genes (the data) are represented as very tiny white text.&nbsp; A second dataset used is human DNA. It is only depicted after the difference of the two datasets has been computed.&nbsp; Then the genes that are different between the monkey and human are represented in red.&nbsp; Fry obviously didn&#8217;t choose which areas of the visualization would be red, the data did.&nbsp; What about the monkey pic?&nbsp; Even that is a visual representation of a property of the dataset&#8230;the type of the DNA dataset shown in white text.&nbsp;&nbsp;&nbsp; </p>
<p><strong>Reason #2: Crappy Existing Visualizations have Polluted Perception</strong></p>
<p><a href="http://abeautifulwww.com/Whyresistancetovisualization_12D3C/kartoo.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="201" alt="kartoo" src="http://abeautifulwww.com/Whyresistancetovisualization_12D3C/kartoo_thumb.jpg" width="260" border="0"/></a><a href="http://abeautifulwww.com/Whyresistancetovisualization_12D3C/600pxCnet05thebigpicture.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="200" alt="600px-Cnet05thebigpicture" src="http://abeautifulwww.com/Whyresistancetovisualization_12D3C/600pxCnet05thebigpicture_thumb.png" width="268" border="0"/></a>&nbsp;</p>
<p>The visualization on the left is the interface for the search engine <a href="http://kartoo.com">Kartoo</a>.&nbsp; The visualization on the right is a feature CNET used to have called The Big Picture.&nbsp; Both attempt to visualize data usually shown as lists (search results, related news articles) as 2D networks.&nbsp; Its a nice idea, as pairwise relationship properties can be visually represented as edges.&nbsp; But these particular efforts both miss the boat.&nbsp; They don&#8217;t actually increase the amount of information represented by very much vs lists, while greatly increasing the mental load placed on the user trying to extract the basic information.&nbsp; </p>
<p><strong>Reason #3: People are Unable to Mentally Separate the View from the Data</strong></p>
<p><a href="http://abeautifulwww.com/Whyresistancetovisualization_12D3C/benfrymultivizonedataset.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="173" alt="benfrymultivizonedataset" src="http://abeautifulwww.com/Whyresistancetovisualization_12D3C/benfrymultivizonedataset_thumb.jpg" width="260" border="0"/></a> Here&#8217;s another Ben Fry work (I was watching a <a href="http://www.see-conference.com/cnt/en/Livestream/?stream=seeconference3_benfry">video/talk</a> of his earlier today, which is part of the reason he is so prevalent in this post).&nbsp; It shows six different visualizations of the same dataset.</p>
<p>Many times data relates to physical objects.&nbsp; In such cases people may have trouble dealing with such data as visually represented in any other manner than that which includes those physical objects.&nbsp; Or another situation is one in which data has just always been depicted in a certain way, which interferes with any new depiction.&nbsp; </p>
<p><strong>Reason #4: Visualization is Difficult to Create and Easy to Copy</strong></p>
<p><strong><a href="http://abeautifulwww.com/Whyresistancetovisualization_12D3C/googlefinance.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="195" alt="googlefinance" src="http://abeautifulwww.com/Whyresistancetovisualization_12D3C/googlefinance_thumb.jpg" width="260" border="0"/></a> <a href="http://abeautifulwww.com/Whyresistancetovisualization_12D3C/yahoofinance.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="194" alt="yahoofinance" src="http://abeautifulwww.com/Whyresistancetovisualization_12D3C/yahoofinance_thumb.jpg" width="231" border="0"/></a> </strong></p>
<p>This is somewhat irrelevant, but I have had a Yahoo mail account for about a decade.&nbsp; There was a good six year stretch where it never changed.&nbsp; If Gmail hadn&#8217;t come along, who knows.&nbsp; </p>
<p>When Google released <a href="http://finance.google.com/finance?q=goog">Google Finance</a>, it marked a number of firsts&#8230;the use of AJAX for stock charts (the chart itself is actually Flash), the overlay of events on the chart, and the dual time sliders.&nbsp; No doubt Google spent much time and effort designing this visualization tool.&nbsp; How long did it take <a href="http://finance.yahoo.com/echarts?s=goog">Yahoo Finance</a> to copy Google Finance&#8217;s chart once Google revealed it?&nbsp; Not long.&nbsp; Good visualization design is hard.&nbsp; It&#8217;s even harder when its object is to deconstruct very complex data.&nbsp; Reverse engineering a visualization is easy.</p>
<p><strong>Reason #5: People Won&#8217;t Pay for Visualization?</strong></p>
<p>I&#8217;m not so sure about this one, but our company&#8217;s CTO recently commented to me that he couldn&#8217;t think of any successful standalone visualization effort other than <a href="http://processing.org/">Processing</a>.&nbsp; </p>
<p>Applications such as Google Maps don&#8217;t count both because its free, and, more importantly, because people wouldn&#8217;t have access to the underlying data without the visualization.&nbsp; I can think of a few commercial successful standalone visualizations such as this <a href="http://www.mapofscience.com/">one</a>, but surely the list is fairly short.&nbsp; </p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2008/04/20/5-reasons-visualization-is-not-more-prevalent/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2008/04/20/5-reasons-visualization-is-not-more-prevalent/" data-text="5 Reasons Visualization Is Not More Prevalent"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2008%2F04%2F20%2F5-reasons-visualization-is-not-more-prevalent%2F&amp;title=5%20Reasons%20Visualization%20Is%20Not%20More%20Prevalent" id="wpa2a_22"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/X03ezN-Q_l8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2008/04/20/5-reasons-visualization-is-not-more-prevalent/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2008/04/20/5-reasons-visualization-is-not-more-prevalent/</feedburner:origLink></item>
		<item>
		<title>10 New York Times Visualizations</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/7QL4GKRyWHU/</link>
		<comments>http://abeautifulwww.com/2008/04/03/10-new-york-times-visualizations/#comments</comments>
		<pubDate>Thu, 03 Apr 2008 04:07:47 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2008/04/03/10-new-york-times-visualizations/</guid>
		<description><![CDATA[NYTimes.com has done a great job of moving beyond the static infographics found in newspapers.&#160; 10 favorites below&#8230;comment if you know of good ones I&#8217;ve missed.&#160; Also, for further reading/viewing, see&#8230; - Playgrounds for Data: Inspiration from NYTimes.com Interactives - Infovis 2007 slides on Matthew Ericson&#8217;s blog&#8230; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160;]]></description>
			<content:encoded><![CDATA[<p><a href="http://nytimes.com">NYTimes.com</a> has done a great job of moving beyond the static infographics found in newspapers.&nbsp; 10 favorites below&#8230;comment if you know of good ones I&#8217;ve missed.&nbsp; Also, for further reading/viewing, see&#8230;</p>
<p>- <a href="http://www.uie.com/articles/nytimes_interactives/">Playgrounds for Data: Inspiration from NYTimes.com Interactives</a> <br />- <a href="http://www.ericson.net/home/index.php">Infovis 2007 slides</a> on Matthew Ericson&#8217;s blog&#8230; </p>
<p>&nbsp;<a href="http://www.nytimes.com/interactive/2007/12/15/us/politics/DEBATE.html?ex=1213592400&amp;en=dce493d096bcffe8&amp;ei=5087&amp;excamp=NYT-E-I-NYT-E-AT-1219-L6&amp;WT.mc_ev=click&amp;WT.mc_id=%20NYT-E-I-NYT-E-AT-1219-L6#"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="342" alt="nytimesnamingnames" src="http://abeautifulwww.com/BestNYTimesVisualizations_121D4/nytimesnamingnames.jpg" width="520" border="0"/></a></p>
<p><span id="more-145"></span></p>
<p><a href="http://www.nytimes.com/ref/washington/20070123_STATEOFUNION.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="404" alt="nytimesUnion" src="http://abeautifulwww.com/BestNYTimesVisualizations_121D4/nytimesUnion.jpg" width="520" border="0"/></a>&nbsp;</p>
<p><a href="http://www.nytimes.com/packages/html/national/20050515_CLASS_GRAPHIC/index_01.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="468" alt="nytimesHowClassWorks" src="http://abeautifulwww.com/BestNYTimesVisualizations_121D4/nytimesHowClassWorks.jpg" width="520" border="0"/></a>&nbsp;</p>
<p><strong><a href="http://www.nytimes.com/2007/04/10/business/2007_BUYRENT_GRAPHIC.html?_r=1&amp;ex=1182916800&amp;en=5d272f11b4830519&amp;ei=5070&amp;oref=slogin"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="408" alt="nytimesBuyOrRent" src="http://abeautifulwww.com/BestNYTimesVisualizations_121D4/nytimesBuyOrRent.jpg" width="520" border="0"/></a>&nbsp;</strong></p>
<p><a href="http://www.nytimes.com/packages/khtml/2006/04/02/business/20060402_SECTOR_GRAPHIC.html?adxnnl=1&amp;adxnnlx=1207192671-/gbH/yFe5oo5Y1Wcw9lW3g"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="332" alt="nytimesSectorSnap" src="http://abeautifulwww.com/BestNYTimesVisualizations_121D4/nytimesSectorSnap.jpg" width="520" border="0"/></a>&nbsp;</p>
<p><a href="http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="308" alt="nytimesmoviebox" src="http://abeautifulwww.com/BestNYTimesVisualizations_121D4/nytimesmoviebox.jpg" width="520" border="0"/></a>&nbsp;</p>
<p><a href="http://www.nytimes.com/packages/html/national/2005_HURRICANEKATRINA_GRAPHIC/"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="341" alt="nytimeskatrina" src="http://abeautifulwww.com/BestNYTimesVisualizations_121D4/nytimeskatrina.jpg" width="520" border="0"/></a>&nbsp;</p>
<p><a href="http://www.nytimes.com/packages/html/politics/2004_ELECTIONGUIDE_GRAPHIC/"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="326" alt="nytimes-election2004" src="http://abeautifulwww.com/BestNYTimesVisualizations_121D4/nytimeselection2004.jpg" width="520" border="0"/></a></p>
<p><a href="http://www.nytimes.com/ref/washington/20070123_STATEOFUNION.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="341" alt="nytimesCasualities" src="http://abeautifulwww.com/BestNYTimesVisualizations_121D4/nytimesCasualities.jpg" width="520" border="0"/></a>&nbsp;</p>
<p><a href="http://politics.nytimes.com/election-guide/2008/results/states/ID.html"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="575" alt="primary" src="http://abeautifulwww.com/BestNYTimesVisualizations_121D4/primary.jpg" width="520" border="0"/></a></p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2008/04/03/10-new-york-times-visualizations/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2008/04/03/10-new-york-times-visualizations/" data-text="10 New York Times Visualizations"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2008%2F04%2F03%2F10-new-york-times-visualizations%2F&amp;title=10%20New%20York%20Times%20Visualizations" id="wpa2a_24"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/7QL4GKRyWHU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2008/04/03/10-new-york-times-visualizations/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2008/04/03/10-new-york-times-visualizations/</feedburner:origLink></item>
		<item>
		<title>ETech Presentation on Ensemble Machine Learning</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/QZl9Ud_lW2o/</link>
		<comments>http://abeautifulwww.com/2008/03/11/etech-presentation-on-ensemble-machine-learning-3/#comments</comments>
		<pubDate>Tue, 11 Mar 2008 05:55:11 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[machine learning]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2008/03/11/etech-presentation-on-ensemble-machine-learning-3/</guid>
		<description><![CDATA[Just wanted to put up my slides from ETech this past week.&#160; The talk is pretty similar to the talk I posted a few months ago, just a bit more fleshed out. [ppt][pptx][pdf] Unfortunately, I only made it to the conference for the day I was speaking.&#160; Beautiful venue.&#160; Seemed that most the buzz related [...]]]></description>
			<content:encoded><![CDATA[<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="140" alt="logo" src="http://abeautifulwww.com/ADayatETech_14305/logo_thumb.jpg" width="185" border="0" /></p>
<p>Just wanted to put up my slides from <a href="http://en.oreilly.com/et2008/public/content/home">ETech</a> this past week.&#160; The talk is pretty similar to the talk I posted a few months ago, just a bit more fleshed out.    <br />[<a href="http://abeautifulwww.com/EnsembleLearningETech.ppt">ppt</a>][<a href="http://abeautifulwww.com/EnsembleLearningETech.pptx">pptx</a>][<a href="http://abeautifulwww.com/EnsembleLearningETech.pdf">pdf</a>]</p>
<p><span id="more-143"></span></p>
<p>Unfortunately, I only made it to the conference for the day I was speaking.&#160; Beautiful venue.&#160; Seemed that most the buzz related to social networking issues and climate change.&#160; Would have liked to have heard Peter Norvig&#8217;s talk.&#160; Maybe another year.</p>
<p>  <img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="109" alt="etech1" src="http://abeautifulwww.com/ADayatETech_14305/etech1_thumb.jpg" width="287" border="0" />
<p><a href="http://abeautifulwww.com/ADayatETech_14305/logo.jpg"></a></p>
<p><a href="http://abeautifulwww.com/ADayatETech_14305/etech2.jpg"></a></p>
<p><a href="http://abeautifulwww.com/ADayatETech_14305/etech2.jpg"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="284" alt="etech2" src="http://abeautifulwww.com/ADayatETech_14305/etech2_thumb.jpg" width="282" border="0" /></a></p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2008/03/11/etech-presentation-on-ensemble-machine-learning-3/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2008/03/11/etech-presentation-on-ensemble-machine-learning-3/" data-text="ETech Presentation on Ensemble Machine Learning"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2008%2F03%2F11%2Fetech-presentation-on-ensemble-machine-learning-3%2F&amp;title=ETech%20Presentation%20on%20Ensemble%20Machine%20Learning" id="wpa2a_26"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/QZl9Ud_lW2o" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2008/03/11/etech-presentation-on-ensemble-machine-learning-3/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2008/03/11/etech-presentation-on-ensemble-machine-learning-3/</feedburner:origLink></item>
		<item>
		<title>See Conference (Information Visualization) to be Streamed Live in April</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/v5RaOfTh9U0/</link>
		<comments>http://abeautifulwww.com/2008/03/09/see-conference-information-visualization-to-be-streamed-live-in-april-2/#comments</comments>
		<pubDate>Sun, 09 Mar 2008 06:50:46 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2008/03/09/see-conference-information-visualization-to-be-streamed-live-in-april-2/</guid>
		<description><![CDATA[An information visualization conference, the See Conference, is being held in Wiesbaden, Germany, on April 19th.&#160; Impressive speaker list.&#160; The conference organizers plan to stream the speeches in real time via the conference website. &#160;&#160; Ben Fry &#160;&#160; Zachary Lieberman &#160;&#160; Frank van Ham And comfortable seats!]]></description>
			<content:encoded><![CDATA[<p>An information visualization conference, the <a href="http://www.see-conference.com/">See Conference</a>, is being held in <a href="http://en.wikipedia.org/wiki/Wiesbaden">Wiesbaden, Germany</a>, on April 19th.&nbsp; Impressive speaker list.&nbsp; The conference organizers plan to stream the speeches in real time via the conference <a href="http://www.see-conference.com/">website</a>.</p>
<table cellspacing="0" cellpadding="2" width="400" border="0">
<tbody>
<tr>
<td valign="top" width="200"><a href="http://abeautifulwww.com/SeeConference_13A59/image.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="168" alt="see1" src="http://abeautifulwww.com/SeeConference_13A59/see1.jpg" width="260" border="0"/></a>&nbsp;&nbsp; <br /><a href="http://benfry.com/">Ben Fry</a></td>
<td valign="top" width="200"><a href="http://abeautifulwww.com/SeeConference_13A59/image_3.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="168" alt="see2" src="http://abeautifulwww.com/SeeConference_13A59/see2.jpg" width="260" border="0"/></a>&nbsp;&nbsp; <br /><a href="http://www.thesystemis.com/">Zachary Lieberman</a></td>
</tr>
<tr>
<td valign="top" width="200"><a href="http://abeautifulwww.com/SeeConference_13A59/image_4.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="168" alt="see3" src="http://abeautifulwww.com/SeeConference_13A59/see3.jpg" width="260" border="0"/></a>&nbsp;&nbsp; <br /><a href="http://domino.watson.ibm.com/cambridge/research.nsf/pages/frank_van_ham.html">Frank van Ham</a></td>
<td valign="top" width="200"><a href="http://abeautifulwww.com/SeeConference_13A59/image_5.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="168" alt="see4" src="http://abeautifulwww.com/SeeConference_13A59/see4.jpg" width="260" border="0"/></a> <br />And comfortable seats!</td>
</tr>
</tbody>
</table>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2008/03/09/see-conference-information-visualization-to-be-streamed-live-in-april-2/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2008/03/09/see-conference-information-visualization-to-be-streamed-live-in-april-2/" data-text="See Conference (Information Visualization) to be Streamed Live in April"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2008%2F03%2F09%2Fsee-conference-information-visualization-to-be-streamed-live-in-april-2%2F&amp;title=See%20Conference%20%28Information%20Visualization%29%20to%20be%20Streamed%20Live%20in%20April" id="wpa2a_28"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/v5RaOfTh9U0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2008/03/09/see-conference-information-visualization-to-be-streamed-live-in-april-2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2008/03/09/see-conference-information-visualization-to-be-streamed-live-in-april-2/</feedburner:origLink></item>
		<item>
		<title>Ensemble Machine Learning Tutorial</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/H00ZAXN48Hs/</link>
		<comments>http://abeautifulwww.com/2007/11/23/ensemble-machine-learning-tutorial/#comments</comments>
		<pubDate>Fri, 23 Nov 2007 20:11:00 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[machine learning]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2007/11/23/ensemble-machine-learning-tutorial/</guid>
		<description><![CDATA[Here&#8217;s the slides from a 2-part lecture I&#8217;m giving on ensemble learning at Indiana University.&#160; It includes a discussion of the Netflix Prize competition, and the use of ensemble techniques in that competition. [PDF][PPT]]]></description>
			<content:encoded><![CDATA[<p><a href="http://abeautifulwww.com/EnsembleMachineLearningTutorial_D49F/image.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="169" alt="ensembleTutorialSlide" src="http://abeautifulwww.com/EnsembleMachineLearningTutorial_C2E0/ensembleTutorialSlide.jpg" width="260" border="0"/></a> </p>
<p>Here&#8217;s the slides from a 2-part lecture I&#8217;m giving on ensemble learning at Indiana University.&nbsp; It includes a discussion of the <a href="http://www.netflixprize.com/">Netflix Prize</a> competition, and the use of ensemble techniques in that competition.</p>
<p>[<a href="http://abeautifulwww.com/EnsembleLearning.pdf">PDF</a>][<a href="http://abeautifulwww.com/EnsembleLearning.ppt">PPT</a>]</p>
<p><a href="http://abeautifulwww.com/EnsembleMachineLearningTutorial_D49F/image.png"></a></p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2007/11/23/ensemble-machine-learning-tutorial/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2007/11/23/ensemble-machine-learning-tutorial/" data-text="Ensemble Machine Learning Tutorial"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2007%2F11%2F23%2Fensemble-machine-learning-tutorial%2F&amp;title=Ensemble%20Machine%20Learning%20Tutorial" id="wpa2a_30"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/H00ZAXN48Hs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2007/11/23/ensemble-machine-learning-tutorial/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2007/11/23/ensemble-machine-learning-tutorial/</feedburner:origLink></item>
		<item>
		<title>Visualizing Science and Technology in Wikipedia</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/dfudMa1Y3uk/</link>
		<comments>http://abeautifulwww.com/2007/10/02/visualizing-science-tech-activity-in-wikipedia/#comments</comments>
		<pubDate>Wed, 03 Oct 2007 00:55:40 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2007/10/02/visualizing-science-tech-activity-in-wikipedia/</guid>
		<description><![CDATA[If you didn&#8217;t see our original Wikipedia Activity Visualization, check it out here (there&#8217;s a detailed explanation, as well).  Also, there is a Google maps style zoomable version here. This new version uses the same layout and images (well, slightly improved) as the original, but this time we tried to highlight activity in regions of [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://abeautifulwww.com/NewWikipediaActivityVisualizations_AB91/07WikipediaPS3150DPI.png"><img style="border: 0px;" src="http://abeautifulwww.com/NewWikipediaActivityVisualizations_AB91/sciwikivissmall_thumb.jpg" alt="sciwikivis-small" width="202" height="151" border="0" /></a> If you didn&#8217;t see our original Wikipedia Activity Visualization, check it out <a href="http://abeautifulwww.com/2007/05/20/visualizing-the-power-struggle-in-wikipedia/"><strong>here</strong></a> (there&#8217;s a detailed explanation, as well).  Also, there is a <strong>Google maps style zoomable version </strong><a href="http://scimaps.org/maps/wikipedia/"><strong>here</strong></a>.</p>
<p>This new version uses the same layout and images (well, slightly improved) as the original, but this time we tried to highlight activity in regions of Wikipedia that are predominately math or science or technology.</p>
<p>So we developed a program to classify Wikipedia articles as being one of these three categories (or none), based on the categories the article was assigned to and their positions in the Wikipedia category link network.</p>
<p><span id="more-129"></span></p>
<p><a href="http://abeautifulwww.com/NewWikipediaActivityVisualizations_AB91/key3_3.png"><img src="http://abeautifulwww.com/NewWikipediaActivityVisualizations_AB91/key_thumb1_3.png" alt="" width="91" height="79" border="0" /></a>We were not surprised to see a tight cluster of math pages, in a region, I would add, which has little &#8216;hot&#8217; activity.  In fact, the only article in that region with lots of activity is the article &#8220;Earth&#8221;.  It was also not surprising that technology articles are fairly spread out among the topics.</p>
<p>What&#8217;s striking is the science-related band (green-blue) that runs diagonal through the middle of the topic map.  I won&#8217;t share my interpretation, but rather let those interested come up with there own.  Hope you enjoy, please leave comments!</p>
<p>(CLICK IMAGE TO ENLARGE)</p>
<p><a href="http://abeautifulwww.com/NewWikipediaActivityVisualizations_AB91/07WikipediaPS3150DPI.png"><img style="border-width: 0px;" src="http://abeautifulwww.com/NewWikipediaActivityVisualizations_AB91/07WikipediaPS3150DPI_thumb.png" alt="07-Wikipedia-PS3-150DPI" width="545" height="404" border="0" /></a><br />
(CLICK IMAGE TO ENLARGE)</p>
<p><a href="http://abeautifulwww.com/NewWikipediaActivityVisualizations_AB91/science.png"><img style="border-width: 0px;" src="http://abeautifulwww.com/NewWikipediaActivityVisualizations_AB91/science_thumb.png" alt="science" width="545" height="484" border="0" /></a></p>
<p><a href="http://abeautifulwww.com/NewWikipediaActivityVisualizations_AB91/music5_3.png"><img style="border-width: 0px;" src="http://abeautifulwww.com/NewWikipediaActivityVisualizations_AB91/music_thumb3_3.png" alt="" width="389" height="383" border="0" /></a></p>
<p>Above: The most actively edited science-related articles.</p>
<p>Left: Not much science here&#8230;a good indication the algorithms are working pretty well!</p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2007/10/02/visualizing-science-tech-activity-in-wikipedia/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2007/10/02/visualizing-science-tech-activity-in-wikipedia/" data-text="Visualizing Science and Technology in Wikipedia"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2007%2F10%2F02%2Fvisualizing-science-tech-activity-in-wikipedia%2F&amp;title=Visualizing%20Science%20and%20Technology%20in%20Wikipedia" id="wpa2a_32"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/dfudMa1Y3uk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2007/10/02/visualizing-science-tech-activity-in-wikipedia/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2007/10/02/visualizing-science-tech-activity-in-wikipedia/</feedburner:origLink></item>
		<item>
		<title>Scheme Tutorial</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/RjA10e3K4O0/</link>
		<comments>http://abeautifulwww.com/2007/09/02/scheme-tutorial/#comments</comments>
		<pubDate>Mon, 03 Sep 2007 02:21:37 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[programming]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2007/09/02/scheme-tutorial/</guid>
		<description><![CDATA[I was asked to give a short (1 hr) tutorial on the Scheme language this week for students in the graduate and undergraduate AI courses at Indiana.&#160; Thought I would post the slides in case anyone wants to adapt it for their own purposes&#8230; PDF versionPPT (Office 2007) version]]></description>
			<content:encoded><![CDATA[<p><a href="http://abeautifulwww.com/SchemeTutorial_C3F8/windowslivewriterschemetutorial13a79image5.jpg"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="180" alt="windowslivewriterschemetutorial-13a79image-5" src="http://abeautifulwww.com/SchemeTutorial_C3F8/windowslivewriterschemetutorial13a79image5_thumb.jpg" width="240" border="0"/></a> I was asked to give a short (1 hr) tutorial on the Scheme language this week for students in the graduate and undergraduate AI courses at Indiana.&nbsp; Thought I would post the slides in case anyone wants to adapt it for their own purposes&#8230;</p>
<p><a href="http://abeautifulwww.com/SchemeTutorial.pdf">PDF version</a><br /><a href="http://abeautifulwww.com/SchemeTutorial.pptx">PPT (Office 2007) version</a></p>
<p><span id="more-122"></span></p>
<p><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="179" alt="image" src="http://abeautifulwww.com/wp-content/uploads/2007/09/windowslivewriterschemetutorial-13a79image-3.png" width="240" border="0"/></p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2007/09/02/scheme-tutorial/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2007/09/02/scheme-tutorial/" data-text="Scheme Tutorial"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2007%2F09%2F02%2Fscheme-tutorial%2F&amp;title=Scheme%20Tutorial" id="wpa2a_34"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/RjA10e3K4O0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2007/09/02/scheme-tutorial/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2007/09/02/scheme-tutorial/</feedburner:origLink></item>
		<item>
		<title>ICCBR 2007 Highlights</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/7ru8omhar3k/</link>
		<comments>http://abeautifulwww.com/2007/08/17/iccbr-2007-highlights/#comments</comments>
		<pubDate>Sat, 18 Aug 2007 01:21:34 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[AI]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2007/08/17/iccbr-2007-highlights/</guid>
		<description><![CDATA[ICCBR07 (International&#160;Conference on Case Based Reasoning)&#160;is&#160;held on alternating years with the&#160;ECCBR conference.&#160; The venue&#160;was Belfast, a city with nice&#160;blue collar charm to it.&#160;&#160;Seemed sort&#160;of a European version of my hometown of Green Bay.&#160; Stayed in a Queens University dorm room, where I&#160;was constantly reminded I am too old to be staying&#160;in the dorms.&#160; Should have [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://abeautifulwww.com/wp-content/uploads/2007/08/windowslivewritericcbr2007recap-33d4iccbrlogo-11.jpg" atomicselection="true"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="240" alt="iccbrLogo" src="http://abeautifulwww.com/wp-content/uploads/2007/08/windowslivewritericcbr2007recap-33d4iccbrlogo-thumb-11.jpg" width="112" border="0"/></a><br /> ICCBR07 (International&nbsp;Conference on Case Based Reasoning)&nbsp;is&nbsp;held on alternating years with the&nbsp;ECCBR conference.&nbsp; The venue&nbsp;was Belfast, a city with nice&nbsp;blue collar charm to it.&nbsp;&nbsp;Seemed sort&nbsp;of a European version of my hometown of Green Bay.&nbsp; Stayed in a Queens University dorm room, where I&nbsp;was constantly reminded I am too old to be staying&nbsp;in the dorms.&nbsp; Should have paid out for a stay for the Europa Hotel where the conference was held&#8230;classy place. </p>
<p> <span id="more-111"></span>
<p><strong>Day 1</strong></p>
<p><strong>Perceptions of CBR</strong> by <em>David Aha</em>.&nbsp; Argued that CBR may become irrelevant if there are not more theoretical results published.&nbsp; Showed stats that more recent CBR publications are system-oriented to back up his argument (but may be true of AI in general).&nbsp; Suggested that CBR researchers have theory envy towards machine learning practitioners.&nbsp;<br />Note:&nbsp;A thought occurring to me is that CBR is more a set of design patterns, ones which are fairly accessible&nbsp;by the general public given the diverse interests of the delegates present.&nbsp;&nbsp;&nbsp; <br /><strong>Credible Case Based Reasoning</strong> by <em>Eyke Hullermeier</em>.&nbsp;A formal treatment of the retrieval component of CBR (nicely timed to correspond to Aha&#8217;s argument).</p>
<p><strong>Day 2</strong></p>
<p><strong>Databases and CBR </strong>by <em>Larry Kerschberg</em>.&nbsp; History of database research.&nbsp; Currently concerned with meta data, reasoning, and data providence,&nbsp;and&nbsp;moving beyond&nbsp;&#8217;just a schema&#8217; (what can happen to data item).&nbsp;&nbsp;Suggested using CBR for web resource discovery (Wikipedia, Amazon, Facebook as parts of casebase) as major direction for CBR. Invitation to submit&nbsp;CBR work to special issue of Journal of Intelligent Information Systems on integrating artificial intelligence and database technologies.&nbsp; Scaling, cross domain issues also brought up.&nbsp;&nbsp;Ran out of time to cover&nbsp;his paper&nbsp;&#8221;Knowledge Sifter&#8221;.&nbsp;He was quite interested in CaseML as well.<br /><strong>Empolis</strong> by <em>Ralph Traphoner</em>.&nbsp; An Eclipse based tool for CBR systems.&nbsp; Supports a plug-in architecture, a fact alone which makes the tool promising&nbsp;in my mind.&nbsp; Not sure whether it is commercial or what license it carries.<br /><strong>Industry Panel</strong> by <em>GE, GM, and Knexus</em>. &nbsp;Discussion of what industry wants. &nbsp;Examples of money making applications was a theme, not surprisingly.&nbsp; Hybrid systems and Internet data were mentioned as well.&nbsp; One researcher suggested that releasing data was not worth his time.&nbsp; Another mentioned he has never heard of a case based recommender in the field.&nbsp; One audience member raised a concern that&nbsp;many outside of the&nbsp;CBR community see CBR as just KNN and a lot of talk.&nbsp;&nbsp;Something that strikes me about this community is that &#8220;industry&#8221; is non-tech.</p>
<p><strong>Day 3</strong></p>
<p><strong>My talk</strong> at the workshop on personalizing similarity measures.&nbsp; <br /><strong>jColibri</strong> by <em>Juan Recio-Garcia</em>.&nbsp; CBR system&nbsp;using Lucene.</p>
<p><strong>Day 4</strong></p>
<p>Note: Google Group on context in CBR is now up.<br />Note: Suggestion that the difference for most people between IR and TCBR is that TCBR systems have&nbsp;some inference step.<br /><strong>CBR in RoboCup Soccer</strong> by <em>Hans-Dieter Burkhard</em>. Funny videos!&nbsp; I&#8217;ll try to post these.<br />Note: David Leake&#8217;s paper on data providence won best paper.&nbsp; Congrats David!</p>
<p><strong>Additional Comments</strong></p>
<p>Note: A &#8220;cooking&#8221; contest is being help at next year&#8217;s ECCBR where recipes are cases.&nbsp; I like the idea of a contest, and the crossover to the real world (taste of cooking matters), however I wonder if the cooking domain allows for sufficient bragging rights.<br />Note: Major topics in CBR continue to be similarity measures, context awareness,&nbsp;text processing, and health care support systems.&nbsp; The new topic for next year is to involve web 2.0 technologies.</p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2007/08/17/iccbr-2007-highlights/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2007/08/17/iccbr-2007-highlights/" data-text="ICCBR 2007 Highlights"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2007%2F08%2F17%2Ficcbr-2007-highlights%2F&amp;title=ICCBR%202007%20Highlights" id="wpa2a_36"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/7ru8omhar3k" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2007/08/17/iccbr-2007-highlights/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2007/08/17/iccbr-2007-highlights/</feedburner:origLink></item>
		<item>
		<title>Google Tech Talk Review: Statistical Aspects of Data Mining</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/J1BlWridz1A/</link>
		<comments>http://abeautifulwww.com/2007/07/27/google-tech-talk-review-statistical-aspects-of-data-mining/#comments</comments>
		<pubDate>Fri, 27 Jul 2007 18:43:11 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[data mining]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/2007/07/27/google-tech-talk-review-statistical-aspects-of-data-mining/</guid>
		<description><![CDATA[This is a talk series being given at Google by David Mease based on a Master&#8217;s level stats course he is teaching this summer at Stanford.&#160; Its easy listening if you already have some data mining or stats background.&#160; &#160; The introduction (part 1) is particularly well done, as is the portion on association rule [...]]]></description>
			<content:encoded><![CDATA[<p>This is a talk series being given at Google by <strong>David Mease</strong> based on a Master&#8217;s level stats course he is teaching this summer at Stanford.&nbsp; Its easy listening if you already have some data mining or stats background.&nbsp; </p>
<p><embed id="VideoPlayback" style="width: 400px; height: 326px" src="http://video.google.com/googleplayer.swf?docId=1107340215644364502&amp;hl=en" type="application/x-shockwave-flash" flashvars="">&nbsp;</embed></p>
<p>The introduction (part 1) is particularly well done, as is the portion on association rule mining (parts 7 and 8).&nbsp; This is the first half of the course which has already occurred&#8230;I&#8217;ll add links as new sessions are added to Google video.</p>
<p><span id="more-100"></span>
<p><a href="http://video.google.com/videoplay?docid=1107340215644364502&amp;q=type%3Agoogle+engEDU">Part 1</a>: <strong>Introduction</strong>. Discussion of locations of potentially useful data (grocery checkout, apartment door card, elevator card, laptop login, traffic sensors, cell phone, google badge, etc).&nbsp; Note mild obsession with consent.&nbsp; Overview of predicting future vs describing patterns, and other broad areas of data mining.&nbsp; Intro to R.</p>
<p><a href="http://video.google.com/videoplay?docid=2258721257256826268&amp;q=type%3Agoogle+engEDU&amp;total=333&amp;start=10&amp;num=10&amp;so=1&amp;type=search&amp;plindex=5">Part 2</a>: <strong>Data</strong>. Reading datasets into excel and R. Observational (data mining) vs Experimental.&nbsp; Qualitative vs quantitative.&nbsp; Nominal vs ordinal.&nbsp; And so on&#8230;</p>
<p><a href="http://video.google.com/videoplay?docid=6938312668656989870&amp;q=type%3Agoogle+engEDU">Part 3</a>: <strong>Data cont</strong>. More Excel and R.&nbsp; Sampling.</p>
<p><a href="http://video.google.com/videoplay?docid=8810875906074329895&amp;q=type%3Agoogle+engEDU">Part 4</a>:&nbsp; <strong>Plots</strong>. Histograms, ECDF.</p>
<p><a href="http://video.google.com/videoplay?docid=-7381712505506004503&amp;q=type%3Agoogle+engEDU">Part 5</a>:&nbsp; More R plots.&nbsp; Overlaying multiple plots. Statistical significance.&nbsp; Labels in plots. </p>
<p><a href="http://video.google.com/videoplay?docid=-7590952476503027490&amp;q=type%3Agoogle+engEDU">Part 6</a>:&nbsp; More R plots.&nbsp; Box plots.&nbsp; Color in plots.&nbsp; Installing packages.&nbsp; ACCENT principles and Tufte.</p>
<p><a href="http://video.google.com/videoplay?docid=5026502665942406431&amp;q=stats+202+engEDU&amp;total=9&amp;start=0&amp;num=10&amp;so=0&amp;type=search&amp;plindex=4">Part 7</a>: <strong>Association Rules</strong>. Measures of location. Measures of spread.&nbsp; Measures of association.&nbsp; Frequent itemsets.&nbsp; Similar to conditional probabilities.</p>
<p><a href="http://video.google.com/videoplay?docid=-298734852128430442&amp;q=stats+202+engEDU">Part 8</a>: More association rule mining.&nbsp; Support and confidence calculations. Personalization using rules. Beyond support and confidence.<a href="http://video.google.com/videoplay?docid=8522264536450375129&amp;q=stats+202+engEDU&amp;total=13&amp;start=0&amp;num=10&amp;so=0&amp;type=search&amp;plindex=6">Part 9</a>: Review</p>
<p><a href="http://video.google.com/videoplay?docid=3551787691338903950&amp;q=stats+202+engEDU&amp;total=13&amp;start=10&amp;num=10&amp;so=0&amp;type=search&amp;plindex=2">Part 10</a>: <strong>Classification</strong>.&nbsp; Overview.&nbsp; A negative view of decision trees.&nbsp; DTs in R.&nbsp; Algos for generating DTs.</p>
<p><a href="http://video.google.com/videoplay?docid=-5335870065426987586&amp;q=stats+202+engEDU&amp;total=13&amp;start=10&amp;num=10&amp;so=0&amp;type=search&amp;plindex=1">Part 11</a>: More DTs.&nbsp; Gini index.&nbsp; Entropy. Pruning. Precision, recall, f-measure, and ROC curve.</p>
<p><a href="http://video.google.com/videoplay?docid=3430541692829640535&amp;q=stats+202+engEDU&amp;total=13&amp;start=0&amp;num=10&amp;so=0&amp;type=search&amp;plindex=7">Part 12</a>: Nearest Neighbor. KNN.&nbsp; Support Vector Machines. Adding &#8216;slack&#8217; variables, using basis functions to make the space linearly separable. Some comments on Stats vs ML. Intro to ensemble (uncorrelated) classifiers.</p>
<p><a href="http://video.google.com/videoplay?docid=-4669216290304603251&amp;q=stats+202+engEDU&amp;total=13&amp;start=0&amp;num=10&amp;so=0&amp;type=search&amp;plindex=8">Part 13</a>: Last class.&nbsp; Random Forests.&nbsp; AdaBoost.&nbsp; Some discussion of limits of classifiers (nondeterministic observational datasets).&nbsp; Clustering.&nbsp; K-Means.</p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2007/07/27/google-tech-talk-review-statistical-aspects-of-data-mining/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2007/07/27/google-tech-talk-review-statistical-aspects-of-data-mining/" data-text="Google Tech Talk Review: Statistical Aspects of Data Mining"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2007%2F07%2F27%2Fgoogle-tech-talk-review-statistical-aspects-of-data-mining%2F&amp;title=Google%20Tech%20Talk%20Review%3A%20Statistical%20Aspects%20of%20Data%20Mining" id="wpa2a_38"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/J1BlWridz1A" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2007/07/27/google-tech-talk-review-statistical-aspects-of-data-mining/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2007/07/27/google-tech-talk-review-statistical-aspects-of-data-mining/</feedburner:origLink></item>
		<item>
		<title>Visualizing the ‘Power Struggle’ in Wikipedia</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/6MKMf5o7m4U/</link>
		<comments>http://abeautifulwww.com/2007/05/20/visualizing-the-power-struggle-in-wikipedia/#comments</comments>
		<pubDate>Sun, 20 May 2007 22:31:32 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/?p=56</guid>
		<description><![CDATA[A new visualization Bruce Herr and I recently completed is being featured in this week&#8217;s New Scientist Magazine (the article is free online, minus the viz).&#160; They did a good job jazzing up the language used to describe the viz&#8211;&#8217;power struggle&#8217;, &#8216;bubbling mass&#8217;, &#8216;blitzed articles&#8217;&#8211;but they also dumbed down the technical accomplishments.&#160; I guess not [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.abeautifulwww.com/wp-content/uploads/2007/05/windowslivewritervisualizingthepowerstruggleinwikipedia-f7c7wikivislowres74.jpg"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="140" alt="wikimap-small" src="http://abeautifulwww.com/VisualizingthePowerStruggleinWikipedia_D5DD/wikimapsmall.jpg" width="173" border="0"/></a> A new visualization Bruce Herr and I recently completed is being featured in this week&#8217;s New Scientist Magazine (the <a href="http://www.newscientist.com/article/mg19426041.600-power-struggle.html">article</a> is free online, minus the viz).&nbsp; They did a good job jazzing up the language used to describe the viz&#8211;&#8217;power struggle&#8217;, &#8216;bubbling mass&#8217;, &#8216;blitzed articles&#8217;&#8211;but they also dumbed down the technical accomplishments.&nbsp; I guess not everyone gets as excited about algorithms as I do.&nbsp; </p>
<p>Before I talk anymore about the viz, though, let me mention its appearing at the <a href="http://vw.indiana.edu/07netsci/entries/">NetSci 2007 Conference</a> this week, and hopefully a varient will appear at <a href="http://wikimania2007.wikimedia.org/wiki/Main_Page">Wikimania</a> later this summer as well.&nbsp; The viz is a huge 5 feet by 5 feet when printed, and I only include a low res, smaller version here.&nbsp; At some point high quality art prints of it will appear at <a href="http://www.scimaps.org/ordermaps/">SciMaps</a> for sale to fund further visualization research.</p>
<p><span id="more-56"></span></p>
<p>Now for the good stuff.&nbsp; Much like my <a href="http://www.abeautifulwww.com/2007/04/03/another-visualization-of-the-netflix-prize/">visualization of the netflix prize competition data</a>, we began this piece by representing the data as a network.&nbsp; In this case <em>the nodes in the network are wikipedia articles and the edges are the links between articles</em>.&nbsp; We then (with some help from our friends at Sandia) used an algorithm to lay out all 650,000 nodes (wikipedia articles) that had at least one link in such a way that similar articles are near one another.&nbsp; These are the yellow dots, which when viewed at low res give a yellow tint to the whole picture. </p>
<p><a href="http://www.abeautifulwww.com/wp-content/uploads/2007/05/windowslivewritervisualizingthepowerstruggleinwikipedia-f7c7wikivisenlargesection254.jpg"></a><a href="http://www.abeautifulwww.com/wp-content/uploads/2007/05/windowslivewritervisualizingthepowerstruggleinwikipedia-f7c7wikivislowres74.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="440" src="http://www.abeautifulwww.com/wp-content/uploads/2007/05/windowslivewritervisualizingthepowerstruggleinwikipedia-f7c7wikivislowres-thumb54.jpg" width="550" border="0"/></a>The sizes of the nodes (circles, dots, whatever you want to call them), are based on a model of revision activity.&nbsp; So <strong>large circles indicate that an article might be controversial, or the subject of lots of vandalism, or just a topic whose content frequently changes</strong>.&nbsp; We labeled only the largest nodes, to keep it readable.&nbsp; There is an interactive version of this in the works based on the google maps platform which will change the labels and pictures used as the user &#8216;zooms&#8217; in or out.&nbsp; Stay tuned for that. </p>
<p><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="385" src="http://www.abeautifulwww.com/wp-content/uploads/2007/05/windowslivewritervisualizingthepowerstruggleinwikipedia-f7c7wikivisenlargesection2-thumb34.jpg" width="550" border="0"/>The image used for each tile was selected automatically, simply by <strong>using the first image in the most linked to article among all the articles in that tile</strong>.&nbsp; We were pleasantly surprised by the quality of the images that appeared.&nbsp;&nbsp;&nbsp; </p>
<p>Our hope for this visualization approach, which we continue to improve on, is that it could be updated in real time to give a macro sense of what is happening in Wikipedia.&nbsp; I personally hope that some variation of it will end up in high schools as a teaching tool and for generating discussions.</p>
<p><a href="http://www.abeautifulwww.com/wp-content/uploads/2007/05/windowslivewritervisualizingthepowerstruggleinwikipedia-f7c7wikivisenlargesection44.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="480" src="http://www.abeautifulwww.com/wp-content/uploads/2007/05/windowslivewritervisualizingthepowerstruggleinwikipedia-f7c7wikivisenlargesection-thumb24.jpg" width="423" border="0"/></a><strong><em>Top 20 Most Hotly Revised Articles</em></strong></p>
<ul>
<li>Jesus  </li>
<li>Adolf Hitler  </li>
<li>October 2003  </li>
<li>Nintendo revolution  </li>
<li>Hurricane Katrina  </li>
<li>India  </li>
<li>RuneScape  </li>
<li>Anarchism  </li>
<li>Britney Spears  </li>
<li>PlayStation 3  </li>
<li>Saddam Hussein  </li>
<li>Japan  </li>
<li>Albert Einstein  </li>
<li>2004 Indian Ocean Earthquake  </li>
<li>New York City  </li>
<li>Germany  </li>
<li>Muhammad  </li>
<li>Pope Benedict XVI  </li>
<li>Ronald Regan  </li>
<li>Hinduism&nbsp; </li>
</ul>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2007/05/20/visualizing-the-power-struggle-in-wikipedia/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2007/05/20/visualizing-the-power-struggle-in-wikipedia/" data-text="Visualizing the &lsquo;Power Struggle&rsquo; in Wikipedia"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2007%2F05%2F20%2Fvisualizing-the-power-struggle-in-wikipedia%2F&amp;title=Visualizing%20the%20%E2%80%98Power%20Struggle%E2%80%99%20in%20Wikipedia" id="wpa2a_40"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/6MKMf5o7m4U" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2007/05/20/visualizing-the-power-struggle-in-wikipedia/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2007/05/20/visualizing-the-power-struggle-in-wikipedia/</feedburner:origLink></item>
		<item>
		<title>Another Visualization of the Netflix Prize Dataset</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/7ujsi8WE7LM/</link>
		<comments>http://abeautifulwww.com/2007/04/03/another-visualization-of-the-netflix-prize-dataset/#comments</comments>
		<pubDate>Wed, 04 Apr 2007 02:00:31 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/?p=44</guid>
		<description><![CDATA[Here&#8217;s a recent visualization I did of the dataset used in the Netflix Prize Competition. The dataset is 17,700 movies and 31 gigs of user ratings. This viz shows similar movies close to one another, with the similarities determined by a formula based on ratings. I found most interesting a cluster of movies (in blue) [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://abeautifulwww.com/wp-content/uploads/2007/04/netflixAllMovies-blackBack3[5].jpg"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="119" alt="netflixAllMoviesSmall" src="http://abeautifulwww.com/AnotherVisualizationoftheNetflixPrizeDat_C0AF/netflixAllMoviesSmall_thumb.jpg" width="165" border="0"/></a> Here&#8217;s a recent visualization I did of the dataset used in the <a href="http://www.netflixprize.com/">Netflix Prize Competition</a>. The dataset is 17,700 movies and 31 gigs of user ratings. This viz shows similar movies close to one another, with the similarities determined by a formula based on ratings.</p>
<p>I found most interesting a cluster of movies (in blue) that I&#8217;d say are generally acclaimed. The cluster contains movies of across all genres, such as Schindler&#8217;s List, BraveHeart, and Super Size Me. Beyond that, there&#8217;s a bunch of clusters which are mostly defined by a genre such as music, sports, documentary, Imax, children&#8217;s films, or bonus material. The big blob in the center is mostly what I&#8217;d call junk movies.</p>
<p><span id="more-44"></span></p>
<p>I&#8217;ve labeled some movies just to give some sense of what the clusters contain. There&#8217;s an <a href="http://www.abeautifulwww.com/2007/04/03/an-interactive-visualization-of-the-netflix-prize-dataset/">interactive version</a> of the viz as well, so you can explore the movies for yourself&#8230;</p>
<p><a href="http://abeautifulwww.com/wp-content/uploads/2007/04/netflixAllMovies-blackBack3[5].jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="480" src="http://abeautifulwww.com/wp-content/uploads/2007/04/netflixAllMovies-blackBack3_thumb[7].jpg" width="550" border="0"/></a></p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2007/04/03/another-visualization-of-the-netflix-prize-dataset/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2007/04/03/another-visualization-of-the-netflix-prize-dataset/" data-text="Another Visualization of the Netflix Prize Dataset"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2007%2F04%2F03%2Fanother-visualization-of-the-netflix-prize-dataset%2F&amp;title=Another%20Visualization%20of%20the%20Netflix%20Prize%20Dataset" id="wpa2a_42"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/7ujsi8WE7LM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2007/04/03/another-visualization-of-the-netflix-prize-dataset/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2007/04/03/another-visualization-of-the-netflix-prize-dataset/</feedburner:origLink></item>
		<item>
		<title>An Interactive Visualization of the Netflix Prize Dataset</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/ml5uWf6Xs6c/</link>
		<comments>http://abeautifulwww.com/2007/04/03/an-interactive-visualization-of-the-netflix-prize-dataset/#comments</comments>
		<pubDate>Wed, 04 Apr 2007 01:05:05 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/?p=41</guid>
		<description><![CDATA[The visualization activated below (click the button) shows all 17,700 movies that are part of the Netflix Prize Competition. The movies are laid out such that simlar movies are close to one another. Similarity between two movies is computed based on whether users who like one like the other, or (and, really) those who dislike [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://abeautifulwww.com/AnInteractiveVisualizationoftheNetflixPr_BFA4/smallNetflixVizInteractive.jpg"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="142" alt="smallNetflixVizInteractive" src="http://abeautifulwww.com/AnInteractiveVisualizationoftheNetflixPr_BFA4/smallNetflixVizInteractive_thumb.jpg" width="146" border="0"/></a> The visualization activated below (click the button) shows all 17,700 movies that are part of the <a href="http://www.netflixprize.com/">Netflix Prize</a> Competition. The movies are laid out such that simlar movies are close to one another. Similarity between two movies is computed based on whether users who like one like the other, or (and, really) those who dislike one dislike the other.&nbsp; Alternatively, take a look at <a href="http://www.abeautifulwww.com/2007/04/03/another-visualization-of-the-netflix-prize/">a colorful, static version</a>.</p>
<p><span id="more-41"></span></p>
<p>Mouse over to get the movie titles&#8230;</p>
<p>
<div id="flashcontent_1937959173" style="color: #800000;"> 			  A Flash animation should have appeared here, but it seems that your browser has an older version of the Flash Player or it is not installed at all. Please, install the <a href="http://www.adobe.com/go/getflashplayer" target="_blank">last release</a> of the Flash Player now, then reload this page. 			</div>
<p> 			<script type="text/javascript"> 				var so1937959173 = new SWFObject("http://abeautifulwww.com/wp-content/uploads/2007/04/vizview.swf", "movie1937959173", "600", "600", "7", "#ffffff"); 				so1937959173.addParam("menu", "false"); 				so1937959173.addParam("quality", "best"); 				so1937959173.addParam("scale", "noscale"); 				so1937959173.addParam("salign", "TL"); 				so1937959173.addParam("wmode", "opaque"); 				so1937959173.write("flashcontent_1937959173"); 			</script><br />http://abeautifulwww.com/wp-content/uploads/2007/04/vizview.swf</p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2007/04/03/an-interactive-visualization-of-the-netflix-prize-dataset/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2007/04/03/an-interactive-visualization-of-the-netflix-prize-dataset/" data-text="An Interactive Visualization of the Netflix Prize Dataset"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2007%2F04%2F03%2Fan-interactive-visualization-of-the-netflix-prize-dataset%2F&amp;title=An%20Interactive%20Visualization%20of%20the%20Netflix%20Prize%20Dataset" id="wpa2a_44"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/ml5uWf6Xs6c" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2007/04/03/an-interactive-visualization-of-the-netflix-prize-dataset/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2007/04/03/an-interactive-visualization-of-the-netflix-prize-dataset/</feedburner:origLink></item>
		<item>
		<title>GapMinder Talk</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/ON6NpKgTyl0/</link>
		<comments>http://abeautifulwww.com/2007/03/18/gapminder-talk/#comments</comments>
		<pubDate>Mon, 19 Mar 2007 02:58:45 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/?p=38</guid>
		<description><![CDATA[Just read an article about Google buying a small company called GapMinder which does data visualization.&#160; I checked out the talk on the GapMinder homepage, and would recommend watching the first 10 minutes of it.&#160; The visualization tool that is used throughout the talk is something special&#8230;easy to see Google&#8217;s interest.]]></description>
			<content:encoded><![CDATA[<p><embed id="VideoPlayback" style="width: 400px; height: 326px" src="http://video.google.com/googleplayer.swf?docId=7996617766640098677&amp;hl=en" type="application/x-shockwave-flash" flashvars=""> </embed>
<p>Just read an article about Google buying a small company called GapMinder which does data visualization.&nbsp; I checked out the talk on the GapMinder homepage, and would recommend watching the first 10 minutes of it.&nbsp; The visualization tool that is used throughout the talk is something special&#8230;easy to see Google&#8217;s interest.</p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2007/03/18/gapminder-talk/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2007/03/18/gapminder-talk/" data-text="GapMinder Talk"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2007%2F03%2F18%2Fgapminder-talk%2F&amp;title=GapMinder%20Talk" id="wpa2a_46"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/ON6NpKgTyl0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2007/03/18/gapminder-talk/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2007/03/18/gapminder-talk/</feedburner:origLink></item>
		<item>
		<title>Installing WordPress on GoDaddy</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/DzpQJwTECug/</link>
		<comments>http://abeautifulwww.com/2007/02/28/installing-wordpress-on-godaddy/#comments</comments>
		<pubDate>Thu, 01 Mar 2007 04:49:36 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/?p=37</guid>
		<description><![CDATA[Setting up WordPress on a GoDaddy hosting account is really not difficult (this blog is an example that it can be done!).  Below are my notes on the process.  If you glance at these steps, and don&#8217;t want to mess around with this, consider using one of the following hosting services which come with WordPress [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://abeautifulwww.com/InstallingWordPressonGoDaddy_BE12/wordpressGoDaddy.jpg"><img style="border: 0px;" src="http://abeautifulwww.com/InstallingWordPressonGoDaddy_BE12/wordpressGoDaddy_thumb.jpg" alt="wordpressGoDaddy" width="152" height="76" border="0" /></a> Setting up WordPress on a <a href="http://www.jdoqocy.com/click-2307328-10382530" target="_top">GoDaddy </a>hosting account is really not difficult (this blog is an example that it can be done!).  Below are my notes on the process.  If you glance at these steps, and don&#8217;t want to mess around with this, consider using one of the following hosting services which come with WordPress pre-installed (fairly rare): <a href="http://www.kqzyfj.com/click-2307328-10419416" target="_top">An Hosting</a>, <a href="http://www.dpbolvw.net/click-2307328-5802068" target="_top">Lunarpages</a>, <a href="http://www.tkqlhce.com/click-2307328-10388577" target="_top">BlueHost</a>, <a href="http://www.anrdoezrs.net/click-2307328-10432498" target="_top">Yahoo</a></p>
<p><strong>Steps</strong> for installing WordPress on a GoDaddy Hosting Account</p>
<p><span id="more-37"></span></p>
<p><strong>1. Get an account</strong>.  If you haven&#8217;t already, purchase a hosting account.  I chose the Deluxe plan, which really isn&#8217;t very expensive.  You&#8217;ll be emailed directions after you purchase the account.  The email will say it takes 24-48 hrs to activate, but it actually only takes 20 minutes or so.</p>
<p><a href="http://www.dpbolvw.net/click-2307328-10696523" target="_top"><br />
<img src="http://www.awltovhc.com/image-2307328-10696523" width="125" height="125" alt="Wordpress Hosting from GoDaddy.com! 125x125 " border="0"/></a></p>
<p>2. <strong> Login to the &#8220;my account&#8221;.</strong>  The login is on the GoDaddy homepage.  On the my account screen, click &#8220;Hosting Account List&#8221;.  Then click &#8220;open&#8221; under control panel.  You should be at the &#8220;Hosting Manager&#8221; seen below.</p>
<p><strong>3. Create a MySql Database.</strong>  WordPress stores its data on MySql.</p>
<ul>
<li>Click the MySql icon.  Then click &#8220;Create New Database&#8221;. Name the db &#8220;WordPress&#8221;.</li>
<li>Create a db login.</li>
<li>Confirm.</li>
<li>Submit.  Wait a minute. Then refresh. The status should change to &#8220;setup&#8221;.</li>
<li>Click the db name.</li>
<li>Highlight the hostname and copy it (ctrl-c).  You&#8217;ll need it for the WordPress config file.</li>
</ul>
<p>4.  <strong>Download <a href="http://wordpress.org/">WordPress</a>.</strong>  Unzip the files.</p>
<p>5.  <strong>Configure the file wp-config.php</strong>.  Change the following lines using your information.</p>
<p>define(&#8216;DB_NAME&#8217;, &#8216;wordpress&#8217;);<br />
define(&#8216;DB_USER&#8217;, &#8216;username&#8217;);<br />
define(&#8216;DB_PASSWORD&#8217;, &#8216;password&#8217;);<br />
define(&#8216;DB_HOST&#8217;, &#8216;localhost&#8217;);</p>
<p>6.  <strong>Upload the WordPress directory to your GoDaddy account</strong>.  You&#8217;ll need an ftp client to upload files to your account (I use <a href="http://www.smartftp.com/">Smart Ftp</a>) and you&#8217;ll need the ftp address for your site.  Your address is <a href="ftp://ftp.yourdomain.com">ftp.yourdomain.com</a>.  Put the files in you top level directory, that way when you go to <a href="http://www.yourdomain.com">www.yourdomain.com</a> it will load WordPress.</p>
<p>7. <strong> Test WordPress</strong>.  There are detailed directions for configuring WordPress <a href="http://codex.wordpress.org/Installing_WordPress">here</a>.</p>
<p>&nbsp;</p>
<p><span style="text-decoration: underline;"><strong>Around the Web</strong></span></p>
<ul>
<li><a href="http://www.tutoriel.ca/index.php?option=com_content&amp;task=view&amp;id=20&amp;Itemid=38">Here</a> is another good tutorial.</li>
</ul>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2007/02/28/installing-wordpress-on-godaddy/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2007/02/28/installing-wordpress-on-godaddy/" data-text="Installing WordPress on GoDaddy"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2007%2F02%2F28%2Finstalling-wordpress-on-godaddy%2F&amp;title=Installing%20WordPress%20on%20GoDaddy" id="wpa2a_48"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/DzpQJwTECug" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2007/02/28/installing-wordpress-on-godaddy/feed/</wfw:commentRss>
		<slash:comments>82</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2007/02/28/installing-wordpress-on-godaddy/</feedburner:origLink></item>
		<item>
		<title>A Tutorial on Flash Remoting Using Perl</title>
		<link>http://feedproxy.google.com/~r/abeautifulwww/feed/~3/zxeztWeR8Bs/</link>
		<comments>http://abeautifulwww.com/2007/02/28/a-tutorial-on-flash-remoting-using-perl/#comments</comments>
		<pubDate>Thu, 01 Mar 2007 03:38:52 +0000</pubDate>
		<dc:creator>Todd</dc:creator>
				<category><![CDATA[programming]]></category>

		<guid isPermaLink="false">http://abeautifulwww.com/?p=36</guid>
		<description><![CDATA[Flash remoting is a big improvement over forms/cgi for communication between flash and server.&#160; There&#8217;s a great little project called amfphp for using php with flash remoting.&#160; There&#8217;s a whole lot less great (but appreciated!) version called amf::perl for perl and python. There is little documentation, so I thought I&#8217;d post an example.&#160; Here&#8217;s my [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://abeautifulwww.com/ATutorialonFlashRemotingUsingPerl_BC31/remoting.png"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="90" alt="remoting" src="http://abeautifulwww.com/ATutorialonFlashRemotingUsingPerl_BC31/remoting_thumb.png" width="202" border="0"/></a> Flash remoting is a big improvement over forms/cgi for communication between flash and server.&nbsp; There&#8217;s a great little project called <a href="http://www.amfphp.org/">amfphp</a> for using php with flash remoting.&nbsp; There&#8217;s a whole lot less great (but appreciated!) version called <a href="http://www.simonf.com/flap/">amf::perl</a> for perl and python. There is little documentation, so I thought I&#8217;d post an example.&nbsp; </p>
<p><span id="more-36"></span></p>
<p>Here&#8217;s my remoting notes dealing with amf::perl.&nbsp; For context, I was working on a movie recommendation system.</p>
<p><strong>Steps:</strong></p>
<p>(1) On the Server side, in the cgi-bin, create a perl file, and call it, say &#8220;recommendation.pl&#8221;.&nbsp;&nbsp; Your version of this file will look the same, except replace &#8220;/recommendation&#8221; with an appropriate subdirectory where you will put the code in step 2.&nbsp; </p>
<pre class="csharpcode">#!perl  -w
use strict;
use AMF::Perl;

my $gateway = AMF::Perl-&gt;<span class="kwrd">new</span>;
$gateway-&gt;setBaseClassPath(<span class="str">"./recommendation/"</span>);
$gateway-&gt;service();</pre>
<pre class="csharpcode">&nbsp;</pre>
<p>(2) In a subdirectory, in this case &#8220;/recommendation&#8221;, create a perl module, in this case called &#8220;rec.pm&#8221;.&nbsp; This module contains the &#8220;methodTable&#8221; which will be accessed by the flash code.&nbsp; The example below has both get and set calls.&nbsp; </p>
<pre class="csharpcode">#!perl  -w

use AMF::Perl;
use lib 'Filesystem\\Active Projects\\'; ## directory where my server side code is
use SimMan::TitleLookup; ## my own server side perl modulesuse SimMan::Recommendation;

package rec;
</pre>
<pre class="csharpcode">## must have this constructorsub <span class="kwrd">new </span>
{
    my ($proto)=@_;
    my $self={};
    bless $self, $proto;
    <span class="kwrd">return</span> $self;
}

sub methodTable
{
    <span class="kwrd">return</span> {
        <span class="str">"getFeatureWeights"</span> =&gt; {
            <span class="str">"description"</span> =&gt; <span class="str">"Returns the current feature weights"</span>,
            <span class="str">"access"</span> =&gt; <span class="str">"remote"</span>,
        },
        <span class="str">"setFeatureWeights"</span> =&gt; {
            <span class="str">"description"</span> =&gt; <span class="str">"Sets the current feature weights"</span>,
            <span class="str">"access"</span> =&gt; <span class="str">"remote"</span>,
        },</pre>
<pre class="csharpcode">        <span class="str">"disambiguateQuery"</span> =&gt; {
            <span class="str">"description"</span> =&gt; <span class="str">"Returns possible titles and their ids"</span>,
            <span class="str">"access"</span> =&gt; <span class="str">"remote"</span>,
        },
    };
}

sub getFeatureWeights
{
    my ($self) = @_;
    my $hash = SimMan::Readers::readFeatureWeights();
    my @array;
    push @array, $hash;
    <span class="kwrd">return</span> \@array;
}

sub setFeatureWeights
{
    my ($self, $featureWeights) = @_;
    SimMan::Readers::setFeatureWeights($featureWeights);}

sub disambiguateQuery
{
    my ($self, $usertext) = @_;
    <span class="kwrd">return</span> $titles = SimMan::TitleLookup::getCandidateTitles($usertext);
}

1;</pre>
<pre class="csharpcode">&nbsp;</pre>
<p>(3) On the client side, first include the necessary files and give the location of the perl files we just created.&nbsp;&nbsp; </p>
<p>Then you can directly call the methods listed in the methodTable.&nbsp; Notice that the results sent back by the perl module will be returned to a function called &#8220;method_result&#8221;, where method is the name of the method. </p>
<pre class="csharpcode">import mx.remoting.NetServices;
NetDebug.initialize();
NetServices.setDefaultGatewayUrl(<span class="str">"http://localhost/cgi-bin/recommendation.pl"</span>);
var connection = NetServices.createGatewayConnection();
var recommender = connection.getService(<span class="str">"rec"</span>, <span class="kwrd">this</span>);

function disambiguateQuery_Result(result){
    <span class="kwrd">if</span> (result.length == 0){
        Results.htmlText = <span class="str">"&lt;b&gt;No movies found&lt;/b&gt;"</span>;
    }
    <span class="kwrd">else</span>{
        Results.htmlText = <span class="str">"&lt;b&gt;Are you looking for...&lt;/b&gt;&lt;br&gt;&lt;br&gt;"</span>;
        <span class="kwrd">for</span> (i=0; i&lt; result.length; i++) {
            Results.htmlText += <span class="str">"result[i].id + "</span> <span class="str">" + result[i].title + "</span>&lt;br&gt;";
        }
    }
}

searchText.enter = function(){
    recommender.disambiguateQuery(searchText.text, 10);
};</pre>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
<p>Hope this helps someone!</p>
<p><a class="a2a_button_facebook_like addtoany_special_service" data-href="http://abeautifulwww.com/2007/02/28/a-tutorial-on-flash-remoting-using-perl/"></a><a class="a2a_button_twitter_tweet addtoany_special_service" data-count="none" data-url="http://abeautifulwww.com/2007/02/28/a-tutorial-on-flash-remoting-using-perl/" data-text="A Tutorial on Flash Remoting Using Perl"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fabeautifulwww.com%2F2007%2F02%2F28%2Fa-tutorial-on-flash-remoting-using-perl%2F&amp;title=A%20Tutorial%20on%20Flash%20Remoting%20Using%20Perl" id="wpa2a_50"><img src="http://abeautifulwww.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a></p><img src="http://feeds.feedburner.com/~r/abeautifulwww/feed/~4/zxeztWeR8Bs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://abeautifulwww.com/2007/02/28/a-tutorial-on-flash-remoting-using-perl/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://abeautifulwww.com/2007/02/28/a-tutorial-on-flash-remoting-using-perl/</feedburner:origLink></item>
	</channel>
</rss>
