<?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>writing &#124; ben fry &#187; refine</title>
	<atom:link href="http://benfry.com/writing/archives/category/refine/feed" rel="self" type="application/rss+xml" />
	<link>http://benfry.com/writing</link>
	<description>Visualizing Data</description>
	<lastBuildDate>Sat, 05 Nov 2011 18:57:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Evolution of Privacy on Facebook</title>
		<link>http://benfry.com/writing/archives/662</link>
		<comments>http://benfry.com/writing/archives/662#comments</comments>
		<pubDate>Fri, 07 May 2010 18:48:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[privacy]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[refine]]></category>
		<category><![CDATA[social]]></category>

		<guid isPermaLink="false">http://benfry.com/writing/?p=662</guid>
		<description><![CDATA[Inspired by this post by Kurt Opsahl of the EFF, Matt McKeon of IBM&#8217;s Visual Communication Lab created the following visualization depicting the evolution of the default privacy settings on Facebook:

Has a couple nice visual touches that prevent it from looking like YAHSVPOQUFOTI (yet another highly-stylized visualization piece of questionable utility found on the internet). [...]]]></description>
			<content:encoded><![CDATA[<p>Inspired by <a href="http://www.eff.org/deeplinks/2010/04/facebook-timeline">this post</a> by Kurt Opsahl of the EFF, <a href="http://www.mattmckeon.com/">Matt McKeon</a> of IBM&#8217;s Visual Communication Lab created the following visualization depicting the evolution of the default privacy settings on Facebook:</p>
<p style="text-align: center;"><a href="http://mattmckeon.com/facebook-privacy/"><img class="size-full wp-image-663  aligncenter" title="sorry, still don't have an account on fb" src="http://benfry.com/wp/wp-content/uploads/2010/05/facebook-privacy-site.jpg" alt="sorry, still don't have an account on fb" width="390" height="325" /></a></p>
<p>Has a couple nice visual touches that prevent it from looking like YAHSVPOQUFOTI (yet another highly-stylized visualization piece of questionable utility found on the internet). Also cool to see it was built with <a href="http://processingjs.org/">Processing.js</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://benfry.com/writing/archives/662/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Weight Duplexing, Condensed Tabulars, and Multiple Enclosures</title>
		<link>http://benfry.com/writing/archives/498</link>
		<comments>http://benfry.com/writing/archives/498#comments</comments>
		<pubDate>Thu, 06 Aug 2009 13:38:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[refine]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://benfry.com/writing/?p=498</guid>
		<description><![CDATA[More typographic tastiness (see the earlier post) from Hoefler &#38; Frere-Jones with a writeup on Choosing Fonts for Annual Reports. Lots of useful design help and ideas for anyone who works with numbers, whether actual annual reports or (more likely) fighting with Excel and PowerPoint. For instance, using enclosures to frame numbers, or knock them [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">More typographic tastiness (see the <a href="http://benfry.com/writing/archives/449">earlier post</a>) from Hoefler &amp; Frere-Jones with a writeup on <a href="http://www.typography.com/ask/recentTopic.php?rtID=90">Choosing Fonts for Annual Reports</a>. Lots of useful design help and ideas for anyone who works with numbers, whether actual annual reports or (more likely) fighting with Excel and PowerPoint. For instance, using enclosures to frame numbers, or knock them out:</p>
<p style="text-align: center;"><img class="size-full wp-image-499 aligncenter" title="knocking out heaven's door" src="http://benfry.com/wp/wp-content/uploads/2009/08/anno_indicesshapes.gif" alt="knocking out heaven's door" width="100" height="25" /></p>
<p style="text-align: left;">Another helpful trick is using two weights so that you can avoid placing a line between them:</p>
<p style="text-align: center;"><img class="size-full wp-image-500  aligncenter" title="pick em out of a lineup" src="http://benfry.com/wp/wp-content/uploads/2009/08/anno_tabfigsduplex2.gif" alt="pick em out of a lineup" width="68" height="35" /></p>
<p style="text-align: left;">Or using a proper condensed face when you have to invite too many of your numerical friends:</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-501" title="squeeze me macaroni" src="http://benfry.com/wp/wp-content/uploads/2009/08/anno_tabfigscond.gif" alt="squeeze me macaroni" width="84" height="20" /></p>
<p style="text-align: left;">At any rate, I recommend the <a href="http://www.typography.com/ask/recentTopic.php?rtID=90">full article</a> for anyone working with numbers, either for the introduction to setting type (for the non-designers) or a useful reminder of some of the solutions (for those who fret about these things on a regular basis).</p>
]]></content:encoded>
			<wfw:commentRss>http://benfry.com/writing/archives/498/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Handcrafted Data</title>
		<link>http://benfry.com/writing/archives/172</link>
		<comments>http://benfry.com/writing/archives/172#comments</comments>
		<pubDate>Mon, 01 Sep 2008 14:00:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[drawing]]></category>
		<category><![CDATA[human]]></category>
		<category><![CDATA[refine]]></category>

		<guid isPermaLink="false">http://benfry.com/writing/archives/172</guid>
		<description><![CDATA[Continuing Luddite Monday, a new special feature on benfry.com, an article from the Boston Globe about the prevalence of handcrafted images in reference texts. Dushko Petrovich writes:
But in fact, nearly two centuries after the publication of his famous folios, it is Audubon&#8217;s technique, and not the sharp eye of the modern camera, that prevails in [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.boston.com/bostonglobe/ideas/articles/2008/08/24/handcrafted_data/?page=full"><img src="http://benfry.com/wp/wp-content/uploads/2008/09/1219473416_8507.jpg" alt="1219473416_8507.jpg" align="right" hspace="13" vspace="13" /></a>Continuing <em>Luddite Monday</em>, a new special feature on benfry.com, an article from the Boston Globe about the prevalence of <a href="http://www.boston.com/bostonglobe/ideas/articles/2008/08/24/handcrafted_data/?page=full">handcrafted images in reference texts</a>. Dushko Petrovich writes:</p>
<blockquote><p>But in fact, nearly two centuries after the publication of his famous folios, it is Audubon&#8217;s technique, and not the sharp eye of the modern camera, that prevails in a wide variety of reference books. For bird-watchers, the best guides, the most coveted guides &#8211; like those by David Allen Sibley and Roger Tory Peterson &#8211; are still filled with hand-painted images. The same is true for similar volumes on fish, trees, and even the human body. Ask any first-year medical student what they consult during dissections, and they will name Dr. Frank H. Netter&#8217;s meticulously drafted &#8220;Atlas of Human Anatomy.&#8221; Or ask architects and carpenters to see their structures, and they will often show you chalk and pencil &#8220;renderings,&#8221; even after the things have been built and professionally photographed.</p></blockquote>
<p>This nicely reinforces the case for drawing, and why it&#8217;s so powerful. The article later gets to the meat of the issue, which is the same reason that <a href="http://benfry.com/writing/archives/category/drawing">drawing is a topic</a> on a site about data visualization.</p>
<blockquote><p>Besides seamlessly imposing a hierarchy of information, the handmade image is also free to present its subject from the most efficient viewpoint. Audubon sets a high standard in this regard; he is often at pains to depict the beak in its most revealing profile, the crucial feathers at an identifiable angle, the front leg extended just so. When the nighthawk and the whip-poor-will are pictured in full flight, their legs tucked away, he draws the feet at the side of the page, so we&#8217;re not left guessing. If Audubon draws a bird in profile, as he does with the pitch-black rook and the grayer hooded crow, we&#8217;re not missing any details a three-quarters view would have shown.</p></blockquote>
<p>And finally, a reminder:</p>
<blockquote><p>Confronted with unprecedented quantities of data, we are constantly reminded that quality is what really matters. At a certain point, the quality and even usefulness of information starts being defined not by the precision and voracity of technology, but by the accuracy and circumspection of art. Seen in this context, Audubon shows us that painting is not just an old fashioned medium: it is a discipline that can serve as a very useful filter, collecting, editing, and carefully synthesizing information into a single efficient and evocative image &#8211; giving us the information that we really want, information we can use and, as is the case with Audubon, even cherish.</p></blockquote>
<p>Consider this your constant reminder, because I think it&#8217;s actually quite rare that quality is acknowledged. I regularly attend lectures by speakers who boast about how much data they&#8217;ve collected and the complexity of their software and hardware, but it&#8217;s one in ten thousand who even mention the art of removing or ignoring data in search of better quality.</p>
<p>Looks like the <em><a href="http://www.amazon.com/exec/obidos/ASIN/0674031024/ref=nosim/benfrycom-20">Early Drawings</a></em> book mentioned in the article will be available at the end of September.</p>
]]></content:encoded>
			<wfw:commentRss>http://benfry.com/writing/archives/172/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Data as Dairy</title>
		<link>http://benfry.com/writing/archives/164</link>
		<comments>http://benfry.com/writing/archives/164#comments</comments>
		<pubDate>Tue, 19 Aug 2008 13:53:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[refine]]></category>
		<category><![CDATA[represent]]></category>

		<guid isPermaLink="false">http://benfry.com/writing/archives/164</guid>
		<description><![CDATA[As a general tip, keep in mind that any data looks better as a wheel of Gouda.

You say “market share,” I say “wine pairing.”
(Via this article, passed along by a friend looking for ways to make pie charts with more visual depth.)
]]></description>
			<content:encoded><![CDATA[<p>As a general tip, keep in mind that <span class="Apple-style-span" style="font-style: italic">any</span> data looks better as a wheel of <a href="http://en.wikipedia.org/wiki/Gouda_(cheese)">Gouda</a>.</p>
<p><img src="http://benfry.com/wp/wp-content/uploads/2008/08/99-final3.jpg" alt="delicious cheese" /></p>
<p>You say “market share,” I say “wine pairing.”</p>
<p>(Via <a href="http://mediadesigner.digitalmedianet.com/articles/viewarticle.jsp?id=31554">this article</a>, passed along by <a href="http://www.226-design.com/">a friend</a> looking for ways to make pie charts with more visual depth.)</p>
]]></content:encoded>
			<wfw:commentRss>http://benfry.com/writing/archives/164/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wordle me this, Batman</title>
		<link>http://benfry.com/writing/archives/154</link>
		<comments>http://benfry.com/writing/archives/154#comments</comments>
		<pubDate>Thu, 24 Jul 2008 01:31:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[inbox]]></category>
		<category><![CDATA[refine]]></category>
		<category><![CDATA[represent]]></category>

		<guid isPermaLink="false">http://benfry.com/writing/archives/154</guid>
		<description><![CDATA[I&#8217;ve never really been fond of tag clouds, but Wordle, by MacGyver of software (and former drummer for They Might Be Giants) Jonathan Feinberg gives the representation an aesthetic nudge lacking in most representations. The application creates word clouds from input data submitted by users. I was reminded of it yesterday by Eugene, who submitted [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve never really been fond of <a href="http://en.wikipedia.org/wiki/Tag_cloud">tag clouds</a>, but <a href="http://wordle.net/">Wordle</a>, by <a href="http://www.youtube.com/watch?v=3w-oDZSLUrY">MacGyver</a> of software (and former drummer for <a href="http://www.tmbg.com/">They Might Be Giants</a>) <a href="http://www.mrfeinberg.com/">Jonathan Feinberg</a> gives the representation an aesthetic nudge lacking in most representations. The application creates word clouds from input data submitted by users. I was reminded of it yesterday by <a href="http://www.226-design.com/">Eugene</a>, who submitted <a href="http://www.lipsum.com/">Lorem Ipsum</a>:</p>
<p><a href="http://wordle.net/gallery/wrdl/81989/lorem_ipsum"><img src="http://benfry.com/wp/wp-content/uploads/2008/07/lorem-500.png" alt="lorem-500.png" /></a></p>
<p>I had first heard about it from emailer Bill Robertson, who had uploaded <a href="http://benfry.com/organic/"><em>Organic Information Design</em></a>, my master&#8217;s thesis. (Which was initially flattering but quickly became terrifying when I remembered that it still badly needs a cleanup edit.)</p>
<p><a href="http://wordle.net/gallery/wrdl/34768/Organic_Information_Design"><img src="http://benfry.com/wp/wp-content/uploads/2008/07/organic-500.jpg" alt="organic-500.jpg" /></a></p>
<p>A wonderful tree shape! Can&#8217;t decide which I like better: “information” as the stem or “data” as a cancerous growth in the upper-right.</p>
<p>Mr. Feinberg is also the reason that Processing development has been moving to Eclipse (replacing emacs, some shell scripts, two packages of bazooka bubble gum and the command line) because of his donation of a long afternoon helping set up the software in the IDE back when I lived in East Cambridge, just a few blocks from where he works at IBM Research.</p>
]]></content:encoded>
			<wfw:commentRss>http://benfry.com/writing/archives/154/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Typography Grab Bag: Berlow, Carter, and Indiana Jones</title>
		<link>http://benfry.com/writing/archives/130</link>
		<comments>http://benfry.com/writing/archives/130#comments</comments>
		<pubDate>Wed, 18 Jun 2008 00:40:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[grabbag]]></category>
		<category><![CDATA[mapping]]></category>
		<category><![CDATA[refine]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://benfry.com/writing/archives/130</guid>
		<description><![CDATA[Indiana Jones and the Fonts on the Maps – Mark Simonson takes on historical accuracy of the typography used in the Indiana Jones movies:
For the most part, the type usage in each of the movies is correct for the period depicted. With one exception: The maps used in the travel montages.
My theory is that this [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.marksimonson.com/article/223/indiana-jones-and-the-fonts-on-the-maps"><img src="http://benfry.com/wp/wp-content/uploads/2008/06/raiders.jpg" alt="raiders.jpg" align="right" hspace="8" vspace="13" />Indiana Jones and the Fonts on the Maps</a> – Mark Simonson takes on historical accuracy of the typography used in the Indiana Jones movies:</p>
<blockquote><p>For the most part, the type usage in each of the movies is correct for the period depicted. With one exception: The maps used in the travel montages.</p></blockquote>
<p>My theory is that this is because the travel maps are produced completely outside the standard production team. They&#8217;re done by some motion graphics house, outside the purview of the people on-set who are charged with issues of consistency. A nastier version of this theory might indict folks who do motion graphics for not knowing their typography and its time period—instead relying on the “feel” of the type when selecting. The bland version of this theory is that type history is esoteric, and nobody truly cares.</p>
<p>(Also a good time to point out how maps are used as a narrative device in the film, to great effect. The red line extending across the map is part of the Indiana Jones brand. I&#8217;d be curious to hear the story behind the mapping—who decided it needed to be there, who made it happen, who said “let&#8217;s do a moving red line that tracks the progress”—which parts were intentional, and which unintentional.)</p>
<p>Identifying the period for the faces reminded me of a 2005 <a href="http://www.newyorker.com/archive/2005/12/05/051205fa_fact_wilkinson">profile of Matthew Carter</a>,  which described his involvement in court cases where date was in doubt, but typography of artifacts in question gave away their era. Sadly the article cannot be procured from the web site of <em>The New Yorker</em>, though you may have better luck if you possess <a href="http://www.accessmylibrary.com/coms2/summary_0286-12171353_ITM">a library card</a>. Matthew Carter designed the typefaces Verdana and Bell Centennial (among many others). Spotting his wispy white ponytail around Harvard Square is a bit like seeing a rock star, if you&#8217;re a Cantabridgian typography geek.</p>
<p><a href="http://www.boston.com/business/articles/2008/05/25/from_a_to_z_font_designer_knows_his_type/">From A to Z, font designer knows his type</a> – a Boston Globe interview with type designer David Berlow (one of the founders of <a href="http://www.fontbureau.com/">Font Bureau</a>), some of the questions are unfortunate, but a few interesting anecdotes:</p>
<blockquote><p>Playboy magazine came to me; they were printing with two printing processes, offset and gravure. Gravure (printing directly from cylinder to paper), gives a richer, smoother texture when printing flesh tones and makes the type look darker on the page than offset (indirect image transfer from plates). So if you want the type to look the same, you have to use two fonts. We developed two fonts for Playboy, but they kept complaining that the type was still coming out too dark or too light. Finally, I got a note attached to a proof that said, &#8220;Sorry. It was me. I needed new glasses. Thanks for all your help. Hef.&#8221; That was Hugh Hefner, of course.</p></blockquote>
<p>Or speaking about his office:</p>
<blockquote><p>From Oakland, Calif., to Delft, Holland, all the designers work from home. I have never been to the office. The first time I saw it was when I watched the documentary &#8220;<a href="http://www.amazon.com/exec/obidos/ASIN/B000VWEFP8/ref=nosim/benfrycom-20">Helvetica</a>,&#8221; which showed our offices.</p></blockquote>
<p><a href="http://www.slate.com/id/2192535/pagenum/all/#page_start"><img src="http://benfry.com/wp/wp-content/uploads/2008/06/fontstruct-screenshot-300.jpg" alt="fontstruct-screenshot-300.jpg" align="right" hspace="8" vspace="8" /></a></p>
<p><a href="http://www.slate.com/id/2192535/pagenum/all/#page_start">The strange allure of making your own fonts</a> – Jason Fagone describes <a href="http://fontstruct.fontshop.com/">FontStruct</a>, a web-based font design tool from <a href="http://www.fontshop.com/">FontShop</a>:</p>
<blockquote><p>FontStruct&#8217;s interface couldn&#8217;t be more intuitive. The central metaphor is a sheet of paper. You draw letters on the &#8220;sheet&#8221; using a set of standard paint tools (pencil, line, box, eraser) and a library of what FontStruct calls &#8220;bricks&#8221; (squares, circles, half-circles, crescents, triangles, stars). If you keep at it and complete an entire alphabet, FontStruct will package your letters into a TrueType file that you can download and plunk into your PC&#8217;s font folder. And if you&#8217;re feeling generous, you can tell FontStruct to share your font with everybody else on the Internet under a Creative Commons license. Every font has its own comment page, which tends to fill with praise, practical advice, or just general expressions of devotion to FontStruct.</p></blockquote>
<p>Though I think my favorite bit might be this one:</p>
<blockquote><p>But the vast majority of FontStruct users aren&#8217;t professional designers, just enthusiastic font geeks.</p>
<p>I know that because I&#8217;m one of them. FontStruct brings back a ton of memories; in college, I used to run my own free-font site called Alphabet Soup, where I uploaded cheapie fonts I made with a pirated version of a $300 program called Fontographer. Even today, when I self-Google, I mostly come up with links to my old, crappy fonts. (My secret fear is that no matter what I do as a reporter, the <a href="http://eksten.net/webgraphix/fonts/m/monko.html" target="_blank">Monko</a> family of fonts will remain my most durable legacy.)</p></blockquote>
<p>The proliferation of bad typefaces: the true cost of software piracy.</p>
]]></content:encoded>
			<wfw:commentRss>http://benfry.com/writing/archives/130/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

