<?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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>The CrowdFlower Blog &#187; Colors</title>
	<atom:link href="http://blog.crowdflower.com/topics/colors/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.crowdflower.com</link>
	<description></description>
	<lastBuildDate>Tue, 10 Jan 2012 20:00:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Beautiful Data</title>
		<link>http://blog.crowdflower.com/2009/08/beautiful-data/</link>
		<comments>http://blog.crowdflower.com/2009/08/beautiful-data/#comments</comments>
		<pubDate>Wed, 05 Aug 2009 19:24:10 +0000</pubDate>
		<dc:creator>Lukas Biewald</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Colors]]></category>
		<category><![CDATA[Miscellaneous]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[experimentation]]></category>

		<guid isPermaLink="false">http://blog.doloreslabs.com/2009/08/beautiful-data/</guid>
		<description><![CDATA[Brendan and I wrote a chapter for an O&#8217;Reilly book called Beautiful Data. We took a lot of the analysis from earlier blog posts and distilled it into a longer book chapter about exploring a large data set and turning the messy data into beautiful, compelling graphs. We tried to highlight the tools and techniques [...]]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:left;"><div class="socialize-in-button socialize-in-button-left"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.crowdflower.com/2009/08/beautiful-data/" data-text="Beautiful Data" data-count="vertical" data-via="crowdflower" ><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-left"><script>
			<!-- 
			var fbShare = {
				url: "http://blog.crowdflower.com/2009/08/beautiful-data/",
				size: "large",
				google_analytics: "true"
			}
			//-->
			</script>
                        <script src="http://widgets.fbshare.me/files/fbshare.js"></script></div><div class="socialize-in-button socialize-in-button-left"><script type="in/share" data-url="http://blog.crowdflower.com/2009/08/beautiful-data/" data-counter="top"></script></div><div class="socialize-in-button socialize-in-button-left"><g:plusone size="small" href="http://blog.crowdflower.com/2009/08/beautiful-data/"></g:plusone></div></div><p><img src="http://assets.doloreslabs.com/blog/beautiful-data.gif" style="float:left; padding:10px" >Brendan and I wrote a chapter for an O&#8217;Reilly book called <a href="http://oreilly.com/catalog/9780596157111">Beautiful Data</a>.  We took a lot of the analysis from earlier blog posts and distilled it into a longer book chapter about exploring a large data set and turning the messy data into beautiful, compelling graphs.  We tried to highlight the tools and techniques that don&#8217;t make it into textbooks and are instead passed along by word-of-mouth among people in the field.</p>
<p>You can check out a version of our <a href="http://assets.doloreslabs.com/blog/oconnor_biewald_beautiful_data_final_nonlayout_20090803_20090327.pdf">chapter</a>, and if you like it, we recommend you buy the <a href="http://oreilly.com/catalog/9780596157111/">book</a> which is full of authors I admire: Jeff Hammerbacher, Toby Segaran, Aaron Koblin, Nathan Yau, Mike Migurski, Peter Norvig, Andrew Gelman and many more. </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.crowdflower.com/2009/08/beautiful-data/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Color flowers, networks, photos, and even 3D</title>
		<link>http://blog.crowdflower.com/2008/04/color-flowers-networks-photos-and-even-3d/</link>
		<comments>http://blog.crowdflower.com/2008/04/color-flowers-networks-photos-and-even-3d/#comments</comments>
		<pubDate>Fri, 25 Apr 2008 09:01:41 +0000</pubDate>
		<dc:creator>Brendan O'Connor</dc:creator>
				<category><![CDATA[Colors]]></category>

		<guid isPermaLink="false">http://blog.doloreslabs.com/2008/04/color-flowers-networks-photos-and-even-3d/</guid>
		<description><![CDATA[Lots of people have been making great new visualizations of our color names data. Here are 4 more that folks have sent us. Chris Harrison, a Ph.D. student at CMU HCI, combined our data with results from his own previous experiment, and created beautiful flower and spiral images. Unlike my and Martin&#8217;s color wheels, hue [...]]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:left;"><div class="socialize-in-button socialize-in-button-left"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.crowdflower.com/2008/04/color-flowers-networks-photos-and-even-3d/" data-text="Color flowers, networks, photos, and even 3D" data-count="vertical" data-via="crowdflower" ><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-left"><script>
			<!-- 
			var fbShare = {
				url: "http://blog.crowdflower.com/2008/04/color-flowers-networks-photos-and-even-3d/",
				size: "large",
				google_analytics: "true"
			}
			//-->
			</script>
                        <script src="http://widgets.fbshare.me/files/fbshare.js"></script></div><div class="socialize-in-button socialize-in-button-left"><script type="in/share" data-url="http://blog.crowdflower.com/2008/04/color-flowers-networks-photos-and-even-3d/" data-counter="top"></script></div><div class="socialize-in-button socialize-in-button-left"><g:plusone size="small" href="http://blog.crowdflower.com/2008/04/color-flowers-networks-photos-and-even-3d/"></g:plusone></div></div><p>Lots of people have been making great new visualizations of our <a href="/2008/03/where-does-blue-end-and-red-begin/">color names data</a>.  Here are 4 more that folks have sent us.</p>
<p><a href="http://www.chrisharrison.net/">Chris Harrison</a>, a Ph.D. student at <a href="http://hcii.cmu.edu/">CMU HCI</a>, combined our data with results from his own previous experiment, and created <a href="http://www.chrisharrison.net/projects/colorflower/index.html">beautiful flower and spiral images</a>.  Unlike <a href="/2008/03/where-does-blue-end-and-red-begin/">my</a> and <a href="/2008/03/awesome-cloud-view-of-our-color-names-data/">Martin&#8217;s</a> color wheels, hue is scaled along the radius, creating a striking effect.</p>
<p><a href="http://www.chrisharrison.net/projects/colorflower/index.html"><img src='http://blog.doloreslabs.com/wp-content/uploads/2008/04/flower2medium.jpg' class="centered" /></a></p>
<p>Next: <a href="http://arbitrarian.wordpress.com/2008/03/31/plotting-the-colors/">network and cluster diagrams</a> from <a href="http://www.duke.edu/~dbs9/">David Sparks</a>, Ph.D. student at Duke PoliSci.  The layout below was computed from a similarity metric on color names.  (I&#8217;m unclear whether it&#8217;s on labels or colors.)  Size of node corresponds to the label&#8217;s frequency.</p>
<p><a href='http://arbitrarian.wordpress.com/2008/03/31/plotting-the-colors/' title='network.jpg'><img src='http://blog.doloreslabs.com/wp-content/uploads/2008/04/network.jpg' alt='network.jpg' class="centered" /></a></p>
<p>All of the visualizations so far have had to map three-dimensional color points into a 2D space.  But <a href="http://www.neoformix.com/Projects/portfolio/index.html">Jeff Clark</a> in Toronto went ahead and wrote a <a href="http://www.neoformix.com/2008/ColorNamesExplorer.html">3D explorer &#8212; you fly around a space of the color labels</a>.  He built it with the excellent <a href="http://processing.org/">Processing</a> framework.</p>
<p><a href='http://www.neoformix.com/2008/ColorNamesExplorer.html' title='3d'><img src='http://blog.doloreslabs.com/wp-content/uploads/2008/04/3d.png' class="centered" /></a></p>
<p>Finally, yet another tack: instead of creating a picture with all the labels, why not fit labels to a picture?  Kristina Durivage, Chris Burg, and Scott Olson did that for an undergrad CS project at <a href="http://www.winona.edu/">Winona State University</a>.  Their software takes any image and overlays color names.  An example:</p>
<p><a href='http://blog.doloreslabs.com/wp-content/uploads/2008/04/example2.jpg'><img src='http://blog.doloreslabs.com/wp-content/uploads/2008/04/example2.jpg' class="centered" border="0" /></a></p>
<p>Four new visualizations in a month &#8212; whew!</p>
<p>To look at all our color posts, check out <a href="http://blog.doloreslabs.com/topics/colors/">blog.doloreslabs.com/topics/colors</a>.</p>
<p>-<a href="http://socialscienceplusplus.blogspot.com/">Brendan</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.crowdflower.com/2008/04/color-flowers-networks-photos-and-even-3d/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Awesome cloud view of our color names data</title>
		<link>http://blog.crowdflower.com/2008/03/awesome-cloud-view-of-our-color-names-data/</link>
		<comments>http://blog.crowdflower.com/2008/03/awesome-cloud-view-of-our-color-names-data/#comments</comments>
		<pubDate>Thu, 20 Mar 2008 22:04:39 +0000</pubDate>
		<dc:creator>Brendan O'Connor</dc:creator>
				<category><![CDATA[Colors]]></category>

		<guid isPermaLink="false">http://blog.doloreslabs.com/?p=18</guid>
		<description><![CDATA[Martin Wattenberg at IBM Research took our color names data and made a cool new cloud view: Instead of plotting each individual color name like in the original, he grouped together identical names, took an average position, and sized the word by frequency. That&#8217;s why the more common names like &#8220;red&#8221; and &#8220;green&#8221; are large. [...]]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:left;"><div class="socialize-in-button socialize-in-button-left"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.crowdflower.com/2008/03/awesome-cloud-view-of-our-color-names-data/" data-text="Awesome cloud view of our color names data" data-count="vertical" data-via="crowdflower" ><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-left"><script>
			<!-- 
			var fbShare = {
				url: "http://blog.crowdflower.com/2008/03/awesome-cloud-view-of-our-color-names-data/",
				size: "large",
				google_analytics: "true"
			}
			//-->
			</script>
                        <script src="http://widgets.fbshare.me/files/fbshare.js"></script></div><div class="socialize-in-button socialize-in-button-left"><script type="in/share" data-url="http://blog.crowdflower.com/2008/03/awesome-cloud-view-of-our-color-names-data/" data-counter="top"></script></div><div class="socialize-in-button socialize-in-button-left"><g:plusone size="small" href="http://blog.crowdflower.com/2008/03/awesome-cloud-view-of-our-color-names-data/"></g:plusone></div></div><p><a href="http://www.bewitched.com">Martin Wattenberg</a> at <a href="http://www.research.ibm.com/visual/">IBM Research</a> took our <a href="/?p=17">color names data</a> and made a cool new cloud view:</p>
<p><a href='http://blog.doloreslabs.com/wp-content/uploads/2008/03/colorcloud3.png' title='Cloud view of the color names from Martin Wattenberg'><img src='http://blog.doloreslabs.com/wp-content/uploads/2008/03/colorcloud3.png' border='0' alt='Cloud view of the color names from Martin Wattenberg' class='centered' /></a></p>
<p>Instead of plotting each individual color name like in <a href="/?p=11">the original</a>, he grouped together identical names, took an average position, and sized the word by frequency.  That&#8217;s why the more common names like &#8220;red&#8221; and &#8220;green&#8221; are large.  This really helps readability (and, I&#8217;ll admit, the black background works a bit better :))</p>
<p>Thanks to Martin for sending this on!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.crowdflower.com/2008/03/awesome-cloud-view-of-our-color-names-data/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Our color names data set is online</title>
		<link>http://blog.crowdflower.com/2008/03/our-color-names-data-set-is-online/</link>
		<comments>http://blog.crowdflower.com/2008/03/our-color-names-data-set-is-online/#comments</comments>
		<pubDate>Tue, 18 Mar 2008 18:30:00 +0000</pubDate>
		<dc:creator>Brendan O'Connor</dc:creator>
				<category><![CDATA[Colors]]></category>

		<guid isPermaLink="false">http://blog.doloreslabs.com/?p=17</guid>
		<description><![CDATA[I just packaged and released the data set for our color names experiment. It has 10,000 color/label pairs. This is the download link. Read on for more details: I tried to generate the color patches in a way to get interesting colors. This of course is incredibly subjective. My main concern was to eliminate muddy [...]]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:left;"><div class="socialize-in-button socialize-in-button-left"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.crowdflower.com/2008/03/our-color-names-data-set-is-online/" data-text="Our color names data set is online" data-count="vertical" data-via="crowdflower" ><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-left"><script>
			<!-- 
			var fbShare = {
				url: "http://blog.crowdflower.com/2008/03/our-color-names-data-set-is-online/",
				size: "large",
				google_analytics: "true"
			}
			//-->
			</script>
                        <script src="http://widgets.fbshare.me/files/fbshare.js"></script></div><div class="socialize-in-button socialize-in-button-left"><script type="in/share" data-url="http://blog.crowdflower.com/2008/03/our-color-names-data-set-is-online/" data-counter="top"></script></div><div class="socialize-in-button socialize-in-button-left"><g:plusone size="small" href="http://blog.crowdflower.com/2008/03/our-color-names-data-set-is-online/"></g:plusone></div></div><p>I just packaged and released the data set for our <a href="/?p=11">color names experiment</a>.  It has 10,000 color/label pairs.</p>
<p><a href="http://assets.doloreslabs.com/jobs/colors/doloreslabs-color-names-v1.zip">This is the download link</a>.  Read on for more details:</p>
<p><span id="more-17"></span></p>
<p>I tried to generate the color patches in a way to get interesting colors.  This of course is incredibly subjective.  My main concern was to eliminate muddy dark grays, which are very common when uniformly sampling over standard <a href="http://en.wikipedia.org/wiki/RGB">RGB</a> values.  (Perhaps I went too far &#8212; see the big donut hole in the color wheel plots.)  So the color patches were sampled from <a href="http://en.wikipedia.org/wiki/HSV_color_space">HSV</a> with uniform sampling over hue, but saturation and value biased high (normal distribution).  The exact code and parameters for this is included in the download.</p>
<p>The plots in the <a href="/?p=11">post</a> and the <a href="http://assets.doloreslabs.com/jobs/colors/explorer/">explorer</a> look like a color wheel with hue as the angle.  But actually they&#8217;re from running <a href="http://en.wikipedia.org/wiki/Principal_components_analysis">PCA</a> over the RGB values, using the first two principal components as x and y.  This was a very arbitrary decision, but seemed to make a nice visual effect.  There are many other reasonable ways to plot the data.</p>
<p>The data includes anonymized identity on the workers.  (The Mechanical Turk service makes all workers anonymous, but we anonymized yet again for releasing the data set.)  You can see that certain workers did a large number of annotations.  We have no demographic information for this one, sorry.</p>
<p>The files are:</p>
<ul>
<li><i>data.csv</i>, which contains the color/label pairs, also with rgb and hsv representations.</li>
<li><i>R.R</i>, which has some routines that were used to generate and plot the data.  It has examples of how to read and use the data, if you like to use <a href="http://www.r-project.org/">R</a>.</li>
<li><i>html.rb</i>, which with write_html() creates the <a href="http://assets.doloreslabs.com/jobs/colors/explorer/">explorer</a>.</li>
<li><i>sample-hit.html</i>, one of the web forms used for data collection.  There were 1000 forms with 10 colors each.  For each single form (&#8220;HIT&#8221;), exactly one annotator filled it out.  Individual annotators sometimes did multiple forms if they wanted to.
</ul>
<p>Let us know if this is useful, if you have any questions, or find something wrong with the download &#8212; either email or leave a comment here.  And if you do anything cool with this data, we&#8217;d really love to hear about it.</p>
<p>-<a href="http://socialscienceplusplus.blogspot.com/">Brendan</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.crowdflower.com/2008/03/our-color-names-data-set-is-online/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Where does &#8220;Blue&#8221; end and &#8220;Red&#8221; begin?</title>
		<link>http://blog.crowdflower.com/2008/03/where-does-blue-end-and-red-begin/</link>
		<comments>http://blog.crowdflower.com/2008/03/where-does-blue-end-and-red-begin/#comments</comments>
		<pubDate>Mon, 17 Mar 2008 22:49:42 +0000</pubDate>
		<dc:creator>Brendan O'Connor</dc:creator>
				<category><![CDATA[Colors]]></category>

		<guid isPermaLink="false">http://blog.doloreslabs.com/?p=11</guid>
		<description><![CDATA[What would you call these colors? We showed thousands of random colors like this to people on Mechanical Turk and asked what they would call them. Here&#8217;s what they said: The above picture contains about 1,300 colors and the names for them that Turkers gave.  Each is printed in its color and positioned on a [...]]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:left;"><div class="socialize-in-button socialize-in-button-left"><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://blog.crowdflower.com/2008/03/where-does-blue-end-and-red-begin/" data-text="Where does &#8220;Blue&#8221; end and &#8220;Red&#8221; begin?" data-count="vertical" data-via="crowdflower" ><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-left"><script>
			<!-- 
			var fbShare = {
				url: "http://blog.crowdflower.com/2008/03/where-does-blue-end-and-red-begin/",
				size: "large",
				google_analytics: "true"
			}
			//-->
			</script>
                        <script src="http://widgets.fbshare.me/files/fbshare.js"></script></div><div class="socialize-in-button socialize-in-button-left"><script type="in/share" data-url="http://blog.crowdflower.com/2008/03/where-does-blue-end-and-red-begin/" data-counter="top"></script></div><div class="socialize-in-button socialize-in-button-left"><g:plusone size="small" href="http://blog.crowdflower.com/2008/03/where-does-blue-end-and-red-begin/"></g:plusone></div></div><p>What would you call these colors?</p>
<table border="0" style="margin: 0 auto">
<tr>
<td style="background: #BAA44A; width: 60px; height: 40px"></td>
<td style="background: #73ED00; width: 60px; height: 40px"></td>
<td style="background: #8D891A;  width: 60px; height: 40px"></td>
<td style="background: #547F00;  width: 60px; height: 40px"></td>
<td style="background: #185A7A;  width: 60px; height: 40px"></td>
<td style="background: #5C0C7B;  width: 60px; height: 40px"></td>
<td style="background: #31E3DC;  width: 60px; height: 40px"></td>
<td style="background: #554F00;  width: 60px; height: 40px"></td>
<td style="background: #9F8932;  width: 60px; height: 40px"></td>
<td style="background: #837E1C;  width: 60px; height: 40px"></td>
</tr>
</table>
<p>We showed thousands of random colors like this to people on Mechanical Turk and <a href="http://s3.amazonaws.com/lab20/ae18a3141e0cd78369c043fda22c76bdd354ff48.html">asked</a> what they would call them.  Here&#8217;s what they said:</p>
<p><img src="http://blog.doloreslabs.com/wp-content/uploads/2008/03/label-wheel2.gif" alt="label-wheel2.gif" class='centered' /></p>
<p>The above picture contains about 1,300 colors and the names for them that Turkers gave.  Each is printed in its color and positioned on a color wheel.  Just looking around, there sure seem to be different regions for different names.  But there are also rich sets of modifiers (&#8220;light&#8221;, &#8220;dark&#8221;, &#8220;sea&#8221;), multiword names (&#8220;army green&#8221;), and fun obscure ones (&#8220;cerulean&#8221;). To help look at all this, we also made a <strong><a href="http://assets.doloreslabs.com/jobs/colors/explorer/">color label explorer</a></strong>, so you can search for different terms and see different parts of the space.  If the link doesn&#8217;t work for you, here are a few examples:</p>
<table border="1">
<tr>
<td><img src="http://blog.doloreslabs.com/wp-content/uploads/2008/03/explorer-screenshot-full.gif" alt="explorer-screenshot-full.gif" /></td>
<td><img src="http://blog.doloreslabs.com/wp-content/uploads/2008/03/explorer-screenshot-pink.gif" alt="explorer-screenshot-full.gif" /></td>
</tr>
<tr>
<td><img src="http://blog.doloreslabs.com/wp-content/uploads/2008/03/explorer-screenshot-dark.gif" alt="explorer-screenshot-full.gif" /></td>
<td><img src="http://blog.doloreslabs.com/wp-content/uploads/2008/03/explorer-screenshot-baby.gif" alt="explorer-screenshot-full.gif" /></td>
</tr>
</table>
<p>This study is basically the same design as the famous <a href="http://www.icsi.berkeley.edu/wcs/">World Color Survey</a>, where anthropologists showed color patches to speakers of many different languages and asked for names, to <a href="http://books.google.com/books?id=gN0UaSUTbnUC&#038;pg=PA207&#038;lpg=PA207&#038;dq=berlin+kay+nativism&#038;source=web&#038;ots=3kqZqazDF_&#038;sig=PV8hnv9JAJn28OayFeIN5RAHzB0&#038;hl=en#PPA207,M1">test the universality of language</a>.  Of course, we have <a href="http://doloreslabs.com/services.html">mostly native English speakers</a>.  However, we can get much more data.  (The above picture and links use only a small percentage of all the colors and names we collected.)   There&#8217;s tons more that can be done.  Want to make a better visualizer?  Statistical analysis of colors to name terms?   Let us know and we should be able to get this data set online.</p>
<p>UPDATE 3/18: <a href="http://blog.doloreslabs.com/?p=17">I posted the data set</a>.</p>
<p>-<a href="http://socialscienceplusplus.blogspot.com/">Brendan</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.crowdflower.com/2008/03/where-does-blue-end-and-red-begin/feed/</wfw:commentRss>
		<slash:comments>94</slash:comments>
		</item>
	</channel>
</rss>

