<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	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/"
	>

<channel>
	<title>Visual Hint</title>
	<atom:link href="http://hint.fm/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://hint.fm/blog</link>
	<description>the color of data</description>
	<pubDate>Wed, 11 May 2011 16:50:53 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Art Of Reproduction</title>
		<link>http://hint.fm/blog/2011/05/11/the-art-of-reproduction/</link>
		<comments>http://hint.fm/blog/2011/05/11/the-art-of-reproduction/#comments</comments>
		<pubDate>Wed, 11 May 2011 16:41:54 +0000</pubDate>
		<dc:creator>fernanda and martin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://hint.fm/blog/?p=131</guid>
		<description><![CDATA[The web can seem like the perfect museum, holding all the world&#8217;s art. Type &#8220;Danae Klimt&#8221; into your favorite search engine, and you conjure up a high-resolution image of Gustav Klimt&#8217;s Dana&#235;: tan limbs, a shower of gold, red hair.

Or did you find pink limbs? Or were they gray or even green? There&#8217;s the rub: [...]]]></description>
			<content:encoded><![CDATA[<p>The web can seem like the perfect museum, holding all the world&#8217;s art. Type &#8220;Danae Klimt&#8221; into your favorite search engine, and you conjure up a high-resolution image of Gustav Klimt&#8217;s <i>Dana&euml;</i>: tan limbs, a shower of gold, red hair.</p>
<p>
Or did you find pink limbs? Or were they gray or even green? There&#8217;s the rub: the seemingly perfect museum holds dozens of <i>Dana&euml;</i>s&mdash;with dozens of different palettes. Even the shape changes as reproductions are subtly cropped.</p>
<p>
Curious just how far reproductions stray from each other, we began an investigation. (<a href="http://hint.fm/reproduction">Go directly to the results</a> if you like.) For a set of famous artworks, we downloaded all the plausible copies we could find. Then we wrote software to reconstruct each artwork as a mosaic, a patchwork quilt where each patch comes from an individual copy. Here&#8217;s the mosaic for <i>Dana&euml;</i>:</p>
<p>
<a href="http://hint.fm/reproduction"><img src="http://hint.fm/blog/wp-content/uploads/2011/05/26-danaes_tiny1.jpg" alt="26 Danaes" title="26 Danaes" width="450" class="size-full wp-image-133" /></a><br />
<br clear=all></p>
<p>
The discontinuities of color, texture and frame tell the story of the inaccuracies in reproduction, forming a tapestry of beautiful half-truths.</p>
<p>
For some works, we also created compositions comparing the same detail across many copies. The image below shows nine views of the sparks in Whistler&#8217;s <i>Nocturne In Black And Gold</i>. In reproduction, it could just as well be a nocturne in blue and brown, or green and yellow.<br />

<p>
<a href="http://hint.fm/reproduction"><img src="http://hint.fm/blog/wp-content/uploads/2011/05/9-fireworks_tiny.jpg" alt="Detail from Nocturne In Black And Gold" title="9 Fireworks" width="450" height="450" class="size-full wp-image-134" /></a><br />
<br clear=all>
<p>
<a href="http://hint.fm/reproduction">Go to our gallery</a> to see all the compositions. </p>
]]></content:encoded>
			<wfw:commentRss>http://hint.fm/blog/2011/05/11/the-art-of-reproduction/feed/</wfw:commentRss>
		</item>
		<item>
		<title>That was fast!</title>
		<link>http://hint.fm/blog/2010/08/05/that-was-fast/</link>
		<comments>http://hint.fm/blog/2010/08/05/that-was-fast/#comments</comments>
		<pubDate>Thu, 05 Aug 2010 18:48:54 +0000</pubDate>
		<dc:creator>fernanda and martin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://hint.fm/blog/?p=127</guid>
		<description><![CDATA[It seems like just yesterday (or two blog posts ago) that we announced the beginning of Flowing Media.
But today we are bidding the company adieu. Google managed to snatch us away from Flowing Media with their amazing playground of data to be visualized. (The free food was only a secondary consideration, honest.)
It&#8217;s been a wonderful, [...]]]></description>
			<content:encoded><![CDATA[<p>It seems like just yesterday (or two blog posts ago) that we announced the beginning of Flowing Media.</p>
<p>But today we are bidding the company adieu. Google managed to snatch us away from Flowing Media with their amazing playground of data to be visualized. (The free food was only a secondary consideration, honest.)</p>
<p>It&#8217;s been a wonderful, though short, ride at Flowing Media. We hope that our recent <a href="http://wiki.github.com/FlowingMedia/TimeFlow/">TimeFlow analytical timeline</a> project will be a lasting contribution of the fleeting company.</p>
<p>Right now we&#8217;re at orientation in Mountain View, becoming, as they say, more &#8220;googley.&#8221; In the months to come we&#8217;ll be starting a visualization group in Google&#8217;s office in Cambridge, MA. We&#8217;re very excited about the possibilities!</p>
<p>Stay tuned.  <img src='http://hint.fm/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://hint.fm/blog/2010/08/05/that-was-fast/feed/</wfw:commentRss>
		</item>
		<item>
		<title>A timeline takes its first steps</title>
		<link>http://hint.fm/blog/2010/07/29/a-timeline-takes-its-first-steps/</link>
		<comments>http://hint.fm/blog/2010/07/29/a-timeline-takes-its-first-steps/#comments</comments>
		<pubDate>Thu, 29 Jul 2010 21:26:20 +0000</pubDate>
		<dc:creator>fernanda and martin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://hint.fm/blog/?p=107</guid>
		<description><![CDATA[We are excited to announce the alpha release of TimeFlow: an open-source analytical timeline for reporters. This is a project we’ve been working on with Sarah Cohen, a Knight professor at Duke University and former reporter at the Washington Post.

The motivation behind TimeFlow comes from Sarah’s realization that visual analytical tools for reporters are rare. [...]]]></description>
			<content:encoded><![CDATA[<p>We are excited to announce the alpha release of <a href="http://wiki.github.com/FlowingMedia/TimeFlow/">TimeFlow: an open-source analytical timeline for reporters</a>. This is a project we’ve been working on with Sarah Cohen, a Knight professor at Duke University and former reporter at the Washington Post.</p>
<p><img src="http://flowingmedia.com/timeflow/images/timeflow.gif"></p>
<p>The motivation behind TimeFlow comes from Sarah’s realization that visual analytical tools for reporters are rare. There are good visual presentation tools out there, but those that allow journalists to mull over hundreds and thousands of data points, slicing and dicing the information as they go along are harder to come by. Given this mandate, we set out to rethink timelines,<br />
striving to always show as much textual detail about the data as possible (a goal dear to reporters that, interestingly, goes against the visualization impulse to always aggregate).</p>
<p>TimeFlow offers five different viewing options: timeline, calendar, bar chart, table and list. There is also considerable flexibility in filtering values, combining filters, and re-arranging points on the screen.</p>
<p>TimeFlow is a Java desktop application. Read more and download the files at the <a href="http://wiki.github.com/FlowingMedia/TimeFlow/">TimeFlow home page</a>.</p>
<p>Give it a spin and let us know what you think!</p>
<p>Also, if you’re interested in contributing to the future development of the tool, we welcome help in that front too!</p>
]]></content:encoded>
			<wfw:commentRss>http://hint.fm/blog/2010/07/29/a-timeline-takes-its-first-steps/feed/</wfw:commentRss>
		</item>
		<item>
		<title>A New Chapter</title>
		<link>http://hint.fm/blog/2010/04/08/a-new-chapter/</link>
		<comments>http://hint.fm/blog/2010/04/08/a-new-chapter/#comments</comments>
		<pubDate>Thu, 08 Apr 2010 20:04:44 +0000</pubDate>
		<dc:creator>fernanda and martin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://hint.fm/blog/?p=101</guid>
		<description><![CDATA[We&#8217;re excited to announce the beginning of a new chapter, and a new company.
Our freshly incorporated venture is called Flowing Media, Inc., and will focus on visualization aimed at consumers and mass audiences. For now it’s just the two of us, and we&#8217;ll be offering design, strategy, and development services. Our world headquarters are located [...]]]></description>
			<content:encoded><![CDATA[<p>We&#8217;re excited to announce the beginning of a new chapter, and a new company.</p>
<p>Our freshly incorporated venture is called <a href="http://flowingmedia.com">Flowing Media, Inc.</a>, and will focus on visualization aimed at consumers and mass audiences. For now it’s just the two of us, and we&#8217;ll be offering design, strategy, and development services. Our world headquarters are located in Cambridge, MA.</p>
<p>We’ll miss the brilliant and energetic people at our former lab at IBM, and are deeply proud of the work we did there. And luckily, it&#8217;s not a true goodbye, since we have an arrangement in the works to continue joint research with our colleagues.</p>
<p>We&#8217;ll keep you posted as our plans develop. And meanwhile, if you know of anyone who has interesting data and would like help bringing it to life, spread the word. Our new web site is taking shape at <a href="http://flowingmedia.com">flowingmedia.com</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://hint.fm/blog/2010/04/08/a-new-chapter/feed/</wfw:commentRss>
		</item>
		<item>
		<title>A celebration of color</title>
		<link>http://hint.fm/blog/2010/02/07/a-celebration-of-color/</link>
		<comments>http://hint.fm/blog/2010/02/07/a-celebration-of-color/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 04:32:22 +0000</pubDate>
		<dc:creator>fernanda and martin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://hint.fm/blog/?p=76</guid>
		<description><![CDATA[Today we pay homage to fashion designers and photographers, those who compose rousing images of light and color that fill the pages of glossy magazines. luscious is our attempt to distill their visions into abstract compositions.
To create the images in luscious, we began with a series of magazine advertisements for luxury brands. We then used [...]]]></description>
			<content:encoded><![CDATA[<p>Today we pay homage to fashion designers and photographers, those who compose rousing images of light and color that fill the pages of glossy magazines. <a href="http://hint.fm/luscious"><em>luscious</em></a> is our attempt to distill their visions into abstract compositions.</p>
<p>To create the images in <em>luscious</em>, we began with a series of magazine advertisements for luxury brands. We then used a custom algorithm designed to extract &#8220;peak&#8221; colors from any picture (much like our Wired anniversary piece). A random arrangement of concentric circles fills the plane, representing the essential colors of each region. The resulting image hides context and representation and lets the viewer concentrate on pure color. </p>
<p>The two images below illustrate the process: at left the original, at right the transformed version.</p>
<p><img src="http://hint.fm/luscious/holland_blog.jpg" alt="Holland America Line, before and after" /></p>
<p><img src="http://hint.fm/luscious/valentino_blog.jpg" alt="Valentino, before and after" /></p>
<p>In the <a href="http://hint.fm/luscious"><em>luscious</em> gallery</a>, we see Valentino dabbing a splash of his classic rosso, Armani presenting stark blues and blacks, and Bottega Veneta rejoicing in the warm tones of skin and leather. By abstracting away content, we can focus on the color play that sets the tone of these advertisements: the excited reds, the sober grays, and the occasional dash of yellow to brighten up the darkest blues.</p>
<p><img src="http://hint.fm/luscious/camel_blog.jpg" alt="Camel advertisement in color" /></p>
<p>Unlike some of our previous work, we don&#8217;t view this piece as &#8220;data visualization.&#8221; It aims to reveal not data, but color and mood.</p>
]]></content:encoded>
			<wfw:commentRss>http://hint.fm/blog/2010/02/07/a-celebration-of-color/feed/</wfw:commentRss>
		</item>
		<item>
		<title>The Web Seer</title>
		<link>http://hint.fm/blog/2009/12/23/the-web-seer/</link>
		<comments>http://hint.fm/blog/2009/12/23/the-web-seer/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 17:29:54 +0000</pubDate>
		<dc:creator>fernanda and martin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://hint.fm/blog/?p=5</guid>
		<description><![CDATA[






Is there a way to visualize people&#8217;s innermost thoughts? Google Suggest lets you see what others are asking when they search the web. From the existential to the mundane, the questions form a portrait of human curiosity. (Read our article in the New York Times, or try it live now.)
 &#160; 
Take the phrase &#8220;Why [...]]]></description>
			<content:encoded><![CDATA[<table border="0" width="591">
<tbody>
<tr>
<td width="600">
<table style="height: 166px;" border="0" width="427">
<tbody>
<tr>
<td width="427">Is there a way to visualize people&#8217;s innermost thoughts? Google Suggest lets you see what others are asking when they search the web. From the existential to the mundane, the questions form a portrait of human curiosity. (Read our <a href="http://www.nytimes.com/2009/12/22/opinion/22viegas.ready.html">article in the New York Times</a>, or<a href="http://hint.fm/seer"> try it live now</a>.)</p>
<h1> &nbsp; </h1>
<p>Take the phrase &#8220;Why doesn&#8217;t he&#8230;&#8221; To make it easy to see Google&#8217;s suggestions, we&#8217;ve created a diagram where the size of arrows and words show how many pages on the web answer each question. (In these diagrams, the arrow thicknesses show the number of web pages for each question.)</td>
</tr>
</tbody>
</table>
<p><a href="/seer/images/doesnt_he.gif"><img src="/seer/images/doesnt_he_small.gif" alt="" /></a></p>
<table style="height: 38px;" border="0" width="425">
<tbody>
<tr>
<td width="500">Even more revealing is the comparison between what <em>he </em>doesn&#8217;t do, and what <em>she </em>doesn&#8217;t. Our diagram puts the two lists side by side.</td>
</tr>
</tbody>
</table>
<p><a href="/seer/images/doesnt_he_she.gif"><img src="/seer/images/doesnt_he_she_small.gif" alt="" /></a></p>
<table style="height: 22px;" border="0" width="424">
<tbody>
<tr>
<td width="500">Family issues run deep, and sex differences loom large:</td>
</tr>
</tbody>
</table>
<p><a href="/seer/images/daughter_son.gif"><img src="/seer/images/daughter_son_small.gif" alt="" /></a></p>
<table style="height: 22px;" border="0" width="422">
<tbody>
<tr>
<td width="500">Sometimes the result is simply sad.</td>
</tr>
</tbody>
</table>
<p><a href="/seer/images/wife_husband.gif"><img src="/seer/images/wife_husband_small.gif" alt="" /></a></p>
<table border="0" width="500">
<tbody>
<tr>
<td width="500">What about star-gazing?</td>
</tr>
</tbody>
</table>
<p><a href="/seer/images/brad_george.gif"><img src="/seer/images/brad_george_small.gif" alt="" /></a></p>
<p><a href="/seer/images/britney_paris.gif"><img src="/seer/images/britney_paris_small.gif" alt="" /></a></p>
<p><a href="/seer/images/images/bill_warren.gif"><img src="/seer/images/bill-warren_small.gif" alt="" /></a></p>
<table border="0" width="427">
<tbody>
<tr>
<td width="427">The diagrams above show that if there&#8217;s one common question for the famous, it&#8217;s not about money or cosmetic surgery. It&#8217;s whether they&#8217;re Jewish.</p>
<h1> &nbsp; </h1>
<p>Some questions are metaphysical:<br />
<a href="/seer/images/dreams_nightmares.gif"><img src="/seer/images/dreams_nightmares_small.gif" alt="" /></a></td>
</tr>
</tbody>
<tbody>
<tr>
<td width="500">Sometimes questions can be philosophical, with an edge:</td>
</tr>
</tbody>
</table>
<p><a href="/seer/images/kissing_flirting.gif"><img src="/seer/images/kissing_flirting_small.gif" alt="" /></a></p>
<table border="0" width="500">
<tbody>
<tr>
<td width="500">And others unexpected:</td>
</tr>
</tbody>
</table>
<p><a href="/seer/images/pretend.gif"><img src="/seer/images/pretend_small.gif" alt="" /></a></p>
<table style="height: 22px;" border="0" width="477">
<tbody>
<tr>
<td width="500">What about practical advice?</td>
</tr>
</tbody>
</table>
<p><a href="/seer/images/buy_sell.gif"><img src="/seer/images/buy_sell_small.gif" alt="" /></a></p>
<table style="height: 44px;" border="0" width="427">
<tbody>
<tr>
<td width="427">(For all we know, a dozen hedge funds are using Google to play the market.)</td>
</tr>
</tbody>
</table>
<table style="height: 44px;" border="0" width="427">
<tbody>
<tr>
<td width="427">Finally, what does Google say about politics? Well, some of us are confused:</td>
</tr>
</tbody>
</table>
<p><a href="/seer/images/are_democrats.gif"><img src="/seer/images/are_democrats_small.gif" alt="" /></a></p>
<table style="height: 22px;" border="0" width="479">
<tbody>
<tr>
<td width="500">But there is a bipartisan consensus on one thing: The other side is wrong.</td>
</tr>
</tbody>
</table>
<p><a href="/seer/images/democrats_are.gif"><img src="/seer/images/democrats_are_small.gif" alt="" /></a></p>
<p><a href="http://hint.fm/seer">Give it a spin!</a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://hint.fm/blog/2009/12/23/the-web-seer/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>

