<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html id="sixapart-standard" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<meta content="Movable Type 4.37" name="generator"/>
<meta content="data visualization, information visualization, information design, infographics, graphic design, visual design, information aesthetics, info-aesthetics, infosthetics, ambient visualisation, ambient display, informative art, infovis, visualization, visualisation, blog, weblog, blog, technology, design, art" name="Keywords"/>
<link href="/infosthetics_styles.css" rel="stylesheet" type="text/css"/>
<link href="/" rel="start" title="Home"/>
<link href="/atom.xml" rel="alternate" title="Recent Entries" type="application/atom+xml"/>
<script src="/mt.js" type="text/javascript"></script>
<script src="/scripts/monoslideshow/swfobject.js" type="text/javascript"></script>

<script type="text/javascript">
  GS_googleAddAdSenseService("ca-pub-");
  GS_googleEnableAllServices();
</script>
<script type="text/javascript">
  GA_googleAddSlot("ca-pub-", "Below_Post_Horizontal_Banner");
  GA_googleAddSlot("ca-pub-", "Long_List_Bottom_Banner");
  GA_googleAddSlot("ca-pub-", "Square_Right_Column_1");
  GA_googleAddSlot("ca-pub-", "Square_Right_Column_2");
  GA_googleAddSlot("ca-pub-", "Square_Right_Column_3");
  GA_googleAddSlot("ca-pub-", "Square_Right_Column_4");
  GA_googleAddSlot("ca-pub-", "Square_Right_Column_5");
  GA_googleAddSlot("ca-pub-", "Square_Right_Column_6");
  GA_googleAddSlot("ca-pub-", "Top_Horizontal_Banner");
  GA_googleAddSlot("ca-pub-", "Long_Try_This");
  GA_googleAddSlot("ca-pub-", "Long_Try_This_2");
  GA_googleAddSlot("ca-pub-", "Top_Very_Wide");
</script>
<script type="text/javascript">
  GA_googleFetchAds();
</script>
<link href="/rsd.xml" rel="EditURI" title="RSD" type="application/rsd+xml"/>
<title>information aesthetics - Data Visualization &amp; Information Design</title>
</head>
<body class="myBody">
<div style="width: 100%;
background-color: #fff;
padding-top: 10px;
padding-bottom: 10px">
<div style="margin: 0 auto;
width: 728px">
 ca-pub-/Top_Very_Wide 
<script type="text/javascript">
GA_googleFillSlot("Top_Very_Wide");
</script>
<div style="font-size: 9px;
text-align: right;
padding-top: 2px">&lt;-- Advertise <a href="/information_aesthetics_suggest.html">here</a>.</div></div>
</div>
<div id="container">
<!-- end of top advertising banner-->
<div id="header" style="margin-top: 10px">
<div id="title">
<a accesskey="1" href="/"><img alt="infosthetics logo" height="16" id="logo" src="//images/infosthetics_logo.png" width="16"/> information aesthetics.</a><span style='font-style: italic;
font-family: "Times New Roman", Times, serif'>Where form follows data.</span>
</div>
<div id="menu">
<a href="/information_aesthetics_suggest.html">SUGGEST</a>
<a href="/information_aesthetics_archives.html">ARCHIVES</a>
<a href="/information_aesthetics_about.html">ABOUT</a>


<a href="/information_aesthetics_subscription.html"><img id="logo" src="//images/rss_icon.jpg"/></a>
</div>
</div><!-- end #header -->
<!--<div id="mainbanner" style="padding-top:10px;padding-bottom:5px">

<table width="940" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td><img src="http://infosthetics.com/images/subscription.png"><br \>daily number of <a href="http://infosthetics.com/atom.xml?format=html">RSS feed</a> subscribers
</td>
</table>

<iframe width="940" height="160" frameborder="0" src="http://infosthetics.com/graph.html" style="margin-bottom:3px" ></iframe>
Daily <a href="http://infosthetics.com/atom.xml?format=html">RSS feed</a> statistics of this weblog.
</div>
-->
<div id="middle">
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/metrico.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/08/metrico_a_puzzle_action_game_based_on_infographics.html">Metrico: a Puzzle Action Game based on Infographics »</a></span>
<div id="byline"><span style="font-weight: normal">27</span> <a href="/archives/2014/08/">August</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/08/metrico_a_puzzle_action_game_based_on_infographics.html#comments">no comments</a> • <a href="/archives/aesthetic/" rel="tag">aesthetic</a> / <a href="/archives/art/" rel="tag">art</a> / <a href="/archives/everyday/" rel="tag">everyday</a> / <a href="/archives/infographic/" rel="tag">infographic</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/breast_cancer_incidence.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/08/the_many_factors_influencing_breast_cancer_incidence.html">The Many Factors Influencing Breast Cancer Incidence »</a></span>
<div id="byline"><span style="font-weight: normal">25</span> <a href="/archives/2014/08/">August</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/08/the_many_factors_influencing_breast_cancer_incidence.html#comments">no comments</a> • <a href="/archives/collection/" rel="tag">collection</a> / <a href="/archives/infographic/" rel="tag">infographic</a> / <a href="/archives/infovis/" rel="tag">infovis</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/sleep_jawbone.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/08/how_we_sleep_and_how_we_awake_after_an_earthquake.html">How we Sleep (and How we Awake after an Earthquake) »</a></span>
<div id="byline"><span style="font-weight: normal">25</span> <a href="/archives/2014/08/">August</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/08/how_we_sleep_and_how_we_awake_after_an_earthquake.html#comments">no comments</a> • <a href="/archives/collection/" rel="tag">collection</a> / <a href="/archives/infovis/" rel="tag">infovis</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/feltron_2013.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/08/the_feltron_annual_report_of_2013.html">The Feltron Annual Report of 2013 on Communication »</a></span>
<div id="byline"><span style="font-weight: normal">21</span> <a href="/archives/2014/08/">August</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/08/the_feltron_annual_report_of_2013.html#comments">no comments</a> • <a href="/archives/collection/" rel="tag">collection</a> / <a href="/archives/infographic/" rel="tag">infographic</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/domestic_immigration.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/08/us_domestic_migration_charted_as_ordered_stacked_graphs.html">US Domestic Migration Charted as Ordered Stacked Area »</a></span>
<div id="byline"><span style="font-weight: normal">18</span> <a href="/archives/2014/08/">August</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/08/us_domestic_migration_charted_as_ordered_stacked_graphs.html#comments">no comments</a> • <a href="/archives/collection/" rel="tag">collection</a> / <a href="/archives/infographic/" rel="tag">infographic</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/onesecond.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/08/onesecond_printing_every_tweet_created_during_a_single_second.html">oneSecond: Printing Every Tweet Created During a Sing »</a></span>
<div id="byline"><span style="font-weight: normal">13</span> <a href="/archives/2014/08/">August</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/08/onesecond_printing_every_tweet_created_during_a_single_second.html#comments">no comments</a> • <a href="/archives/art/" rel="tag">art</a> / <a href="/archives/collection/" rel="tag">collection</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/charting_culture.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/08/charting_culture_2000_years_of_cultural_history_in_5_minutes.html">Charting Culture: 2000 Years of Cultural History in 5 »</a></span>
<div id="byline"><span style="font-weight: normal">12</span> <a href="/archives/2014/08/">August</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/08/charting_culture_2000_years_of_cultural_history_in_5_minutes.html#comments">no comments</a> • <a href="/archives/collection/" rel="tag">collection</a> / <a href="/archives/locative/" rel="tag">locative</a> / <a href="/archives/open_data/" rel="tag">open data</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/amsterdam_dashboard.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/08/amsterdam_city_dashboard_a_city_as_urban_statistics.html">Amsterdam City Dashboard: a City as Urban Statistics »</a></span>
<div id="byline"><span style="font-weight: normal">11</span> <a href="/archives/2014/08/">August</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/08/amsterdam_city_dashboard_a_city_as_urban_statistics.html#comments">no comments</a> • <a href="/archives/architecture/" rel="tag">architecture</a> / <a href="/archives/collection/" rel="tag">collection</a> / <a href="/archives/lifelogging/" rel="tag">lifelogging</a> / <a href="/archives/locative/" rel="tag">locative</a> / <a href="/archives/open_data/" rel="tag">open data</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/one_heartbeat.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/03/bouncing_graphic_replays_human_heartbeat_dynamics_of_yesterday.html">Bouncing Graphic Replays Human Heartbeat Dynamics of  »</a></span>
<div id="byline"><span style="font-weight: normal">27</span> <a href="/archives/2014/03/">March</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/03/bouncing_graphic_replays_human_heartbeat_dynamics_of_yesterday.html#comments">no comments</a> • <a href="/archives/aesthetic/" rel="tag">aesthetic</a> / <a href="/archives/art/" rel="tag">art</a> / <a href="/archives/lifelogging/" rel="tag">lifelogging</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/iconic_history.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/03/browser_plugin_maps_browser_history_as_a_favicon_tapestry.html">Browser Plugin Maps Your Browser History as a Favicon »</a></span>
<div id="byline"><span style="font-weight: normal">24</span> <a href="/archives/2014/03/">March</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/03/browser_plugin_maps_browser_history_as_a_favicon_tapestry.html#comments">no comments</a> • <a href="/archives/aesthetic/" rel="tag">aesthetic</a> / <a href="/archives/collection/" rel="tag">collection</a> / <a href="/archives/infographic/" rel="tag">infographic</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/lego_calendar.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/03/lego_calendar_a_tangible_wall_mounted_planner_that_can_be_digitized.html">LEGO Calendar: a Tangible Wall-Mounted Planner that C »</a></span>
<div id="byline"><span style="font-weight: normal">19</span> <a href="/archives/2014/03/">March</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/03/lego_calendar_a_tangible_wall_mounted_planner_that_can_be_digitized.html#comments">no comments</a> • <a href="/archives/interface/" rel="tag">interface</a> / <a href="/archives/physical/" rel="tag">physical</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/hubcab.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/03/hubcab_mapping_all_taxi_trips_in_new_york_2011.html">HubCab: Mapping All Taxi Trips in New York during 201 »</a></span>
<div id="byline"><span style="font-weight: normal">18</span> <a href="/archives/2014/03/">March</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/03/hubcab_mapping_all_taxi_trips_in_new_york_2011.html#comments">no comments</a> • <a href="/archives/collection/" rel="tag">collection</a> / <a href="/archives/locative/" rel="tag">locative</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/code_n.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/03/code_n_architectural_scale_data_visualizations_at_cebit_2014.html">CODE_n: Architectural-Scale Data Visualizations Shown »</a></span>
<div id="byline"><span style="font-weight: normal">17</span> <a href="/archives/2014/03/">March</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/03/code_n_architectural_scale_data_visualizations_at_cebit_2014.html#comments">no comments</a> • <a href="/archives/aesthetic/" rel="tag">aesthetic</a> / <a href="/archives/collection/" rel="tag">collection</a> / <a href="/archives/infographic/" rel="tag">infographic</a> / <a href="/archives/infovis/" rel="tag">infovis</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/herehere.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/03/here_here_mapping_the_concerns_of_ny_citizens_as_iconographic_maps.html">HereHere: Mapping the Concerns of NY Citizens as an I »</a></span>
<div id="byline"><span style="font-weight: normal">11</span> <a href="/archives/2014/03/">March</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/03/here_here_mapping_the_concerns_of_ny_citizens_as_iconographic_maps.html#comments">no comments</a> • <a href="/archives/architecture/" rel="tag">architecture</a> / <a href="/archives/infographic/" rel="tag">infographic</a> / <a href="/archives/locative/" rel="tag">locative</a> / <a href="/archives/open_data/" rel="tag">open data</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/sorting_viz.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/03/sorting_understanding_how_famous_sorting_algorithms_work.html">Sorting: Understanding How Famous Sorting Algorithms  »</a></span>
<div id="byline"><span style="font-weight: normal">11</span> <a href="/archives/2014/03/">March</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/03/sorting_understanding_how_famous_sorting_algorithms_work.html#comments">no comments</a> • <a href="/archives/aesthetic/" rel="tag">aesthetic</a> / <a href="/archives/collection/" rel="tag">collection</a> / <a href="/archives/infographic/" rel="tag">infographic</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/basketball_fathom.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/03/exploring_ball_locations_and_player_behaviors_in_basketball.html">Exploring Ball Locations and Player Behaviors in Bask »</a></span>
<div id="byline"><span style="font-weight: normal">05</span> <a href="/archives/2014/03/">March</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/03/exploring_ball_locations_and_player_behaviors_in_basketball.html#comments">no comments</a> • <a href="/archives/infographic/" rel="tag">infographic</a> / <a href="/archives/locative/" rel="tag">locative</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/map_gallery.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/03/google_maps_gallery_highlights_specialized_maps_based_on_public_data.html">Google Maps Gallery Highlights Specialized Maps based »</a></span>
<div id="byline"><span style="font-weight: normal">03</span> <a href="/archives/2014/03/">March</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/03/google_maps_gallery_highlights_specialized_maps_based_on_public_data.html#comments">no comments</a> • <a href="/archives/collection/" rel="tag">collection</a> / <a href="/archives/locative/" rel="tag">locative</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/science_beautiful.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/03/the_role_data_visualization_plays_in_the_scientific_process.html">On The Role Data Visualization Plays in the Scientifi »</a></span>
<div id="byline"><span style="font-weight: normal">03</span> <a href="/archives/2014/03/">March</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/03/the_role_data_visualization_plays_in_the_scientific_process.html#comments">no comments</a> • <a href="/archives/aesthetic/" rel="tag">aesthetic</a> / <a href="/archives/infographic/" rel="tag">infographic</a> / <a href="/archives/infovis/" rel="tag">infovis</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/mill_road.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/02/visualising_mill_road_informing_communities_by_visualizations_in_the_street.html">Visualising Mill Road: Informing Communities by Infog »</a></span>
<div id="byline"><span style="font-weight: normal">27</span> <a href="/archives/2014/02/">February</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/02/visualising_mill_road_informing_communities_by_visualizations_in_the_street.html#comments">no comments</a> • <a href="/archives/architecture/" rel="tag">architecture</a> / <a href="/archives/infographic/" rel="tag">infographic</a> / <a href="/archives/physical/" rel="tag">physical</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="post">
<div id="maincontent"> <!-- not mainContent -->
<table border="0" cellpadding="0" cellspacing="0" height="200" style="padding: 0;
margin: 0;
background-image: url(//images/background_stripe.png)" width="600">
<tr>
<td valign="top">
<div style="padding: 0;
margin: 0;
background-image: url(/archives/intercity_bus.jpg);
width: 600px;
height: 200px">
<span id="title"><a href="/archives/2014/02/mapping_all_intercity_bus_routes_in_the_us.html">Mapping All Intercity Bus Routes in the U.S.  »</a></span>
<div id="byline"><span style="font-weight: normal">25</span> <a href="/archives/2014/02/">February</a> <span style="font-weight: normal">2014</span> • <a href="/archives/2014/02/mapping_all_intercity_bus_routes_in_the_us.html#comments">no comments</a> • <a href="/archives/collection/" rel="tag">collection</a> / <a href="/archives/locative/" rel="tag">locative</a> / <a href="/archives/open_data/" rel="tag">open data</a> • <span style="font-weight: normal">by</span> <a href="/archives/author/infosthetics_1/">infosthetics
</a></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="more google_banner" style="padding-top: 10px;
text-align: center">
<script type="text/javascript"><!--
google_ad_client = "pub-";
/* _infosthetics_main_page_banner */
google_ad_slot = "";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>

</div>
<div id="previousnext">
<table border="0" cellpadding="0" cellspacing="0" width="620">
<tr><td>
</td>
<td align="right">
 <a href="?limit=20&amp;offset=20" rel="next">Older posts »</a>
</td>
</tr>
</table>
</div>
</div> <!-- end of middle -->
<div id="sidebar">
<div id="sidebar-ad">
<table border="0" cellpadding="0" cellspacing="0" id="ad-table" width="310">
<tr>
<td align="left" id="ad" width="150"><script type="text/javascript">
  GA_googleFillSlot("Square_Right_Column_1");</script></td>
<td align="right" id="ad" width="160"><script type="text/javascript">
  GA_googleFillSlot("Square_Right_Column_2");</script></td>
</tr>
<tr>
<td align="left" id="ad" style="padding-top: 10px" width="150"><script type="text/javascript">
  GA_googleFillSlot("Square_Right_Column_3");</script></td>
<td align="right" id="ad" style="padding-top: 10px" width="160"><script type="text/javascript">
  GA_googleFillSlot("Square_Right_Column_4");</script></td>
</tr>
<tr>
</tr><tr>
<td align="left" id="ad" style="padding-top: 5px" width="150"><script type="text/javascript">
  GA_googleFillSlot("Square_Right_Column_5");</script></td>
<td align="right" id="ad" style="padding-top: 5px" width="160"><script type="text/javascript">
  GA_googleFillSlot("Square_Right_Column_6");</script></td>
</tr>
<td align="right" colspan="2" style="padding-top: 10px"><a href="/advertise_on_information_aesthetics.html">advertise here »</a></td>
</table>
</div>
<div class="sidebar-inner">
<form action="http://infosthetics.com/cgi-bin/mt/mt-search.cgi" method="get">
<div id="search"><a href="#">SEARCH</a><input id="searchbox" name="search" type="text"/>
<input name="IncludeBlogs" type="hidden" value="1"/>
<input name="limit" type="hidden" value="20"/>
</div>
</form></div>
<div id="sidebar-title">A LONG TIME AGO...</div>
<div class="sidebar-inner" style="padding-top: 10px;
padding-bottom: 10px">
<div id="monoSlideshow">Temporary holder</div>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("http://infosthetics.com/scripts/monoslideshow/monoslideshow.swf", "SOmonoSlideshow", "310", "200", "7", "#ffffff");
so.addVariable("showLogo", "false");
so.addVariable("dataFile", "http://infosthetics.com/infosthetics_slideshow.xml");
so.write("monoSlideshow");
// ]]>
</script>
</div>
<div id="sidebar-title">CONNECT</div>
<div class="sidebar-inner item" style="padding-top: 10px;
padding-bottom: 5px">
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://infosthetics.com" data-send="true" data-show-faces="false" data-width="310"></div>

<div style="width: 310px;
text-align: left;
margin-top: 8px;
margin-bottom: 4px"></div>
</div>
<div id="sidebar-title">THE CLASSICS</div>
<div class="sidebar-inner item"><a href="/archives/2005/05/textarc.html">Brad Paley - TextArc »</a></div>
<div class="sidebar-inner item"><a href="/archives/2006/06/data_visualization_hans_rosling_ingo_gunther.html#extended">Hans Rosling - TED Talk (video) »</a></div>
<div class="sidebar-inner item"><a href="/archives/2006/05/we_feel_fine_blog_emotion_data_visualization.html">Jonathan Harris - We Feel Fine »</a></div>
<div class="sidebar-inner item"><a href="/archives/2005/04/google_newsmap.html">Marcos Weskamp - Newsmap »</a></div>
<div class="sidebar-inner item"><a href="/archives/2005/02/name_voyager.html">Martin Wattenberg - Baby Name Voyager »</a></div>
<div class="sidebar-inner item"><a href="/archives/2007/02/web2_in_5_minutes_movie.html">Michael Wesch - Web 2.0 (video) »</a></div>
<div class="sidebar-inner item"><a href="/archives/2007/05/digg_arc_data_visualization.html">stamen.com - Digg Labs »</a></div>
<div id="sidebar-title">SHOP BOOKS</div>
<div class="sidebar-inner item" style="padding-top: 10px;
padding-bottom: 5px">
<table border="0" cellpadding="0" cellspacing="0" style="margin-right: 10px" width="310">
<tr>
<td align="left" valign="top"></td>
<td align="center" valign="top"></td>
<td align="right" valign="top"></td>
</tr>
<tr>
<td style="padding-top: 3px" valign="top">Data Flow 2:<br/>Visualizing<br/>Information<br/>in Graphic Design<br/><i>Klanten et al.</i></td>
<td style="padding-top: 3px;
padding-right: 2px" valign="top">Visual Complexity:<br/> Mapping Patterns<br/>of Information<br/><i>Manuel Lima</i></td>
<td style="padding-top: 3px" valign="top">The Wall Street Journal Guide to Information Graphics<br/><i>Dona M. Wong</i></td>
</tr>
<tr><td> </td></tr>
<tr>
<td align="left" valign="top"></td>
<td align="center" valign="top"></td>
<td align="right" valign="top"></td>
</tr>
<tr>
<td style="padding-top: 3px" valign="top">Beautiful<br/>Visualization<br/><i>Julie Steele and Noah Iliinsky</i></td>
<td style="padding-top: 3px;
padding-right: 2px" valign="top">Visualize This:<br/>The FlowingData Guide to Design, Visualization, and Statistics<br/><i>Nathan Yau</i></td>
<td style="padding-top: 3px" valign="top">Now You See It:<br/> Simple Visualization Techniques for Quantitative Analysis<br/><i>Stephen Few</i></td>
</tr>
<tr>
<td colspan="3" style="padding-top: 8px"><a href="/amazon_shop.html">information aesthetics shop »</a></td>
</tr><tr>
</tr></table>
</div>
<div id="sidebar-title">INFOGRAPHIC PRINTS</div>
<div class="sidebar-inner item" style="padding-top: 10px;
padding-bottom: 10px">
<script type="text/javascript">
GA_googleFillSlot("Long_Try_This");
</script>
<div style="margin-top: 10px">
<script type="text/javascript">
  GA_googleFillSlot("Long_Try_This_2");
</script>
</div>
</div>
<div id="sidebar-title">ACKNOWLEDGEMENTS</div>
<div class="sidebar-inner item left"><img src="//images/moveable_type_icon.gif" valign="bottom"/>  Published with </div>
<div class="sidebar-inner item left"><img src="//images/creative_commons_icon.gif" valign="bottom"/>  Content protected by </div>
<div class="sidebar-inner item left"><img src="//images/infosthetics_logo.gif" valign="bottom"/>  Designed and Maintained by <a href="/information_aesthetics_about.html">AVM</a></div>
<div class="sidebar-inner item left"><img src="//images/clock.gif" valign="bottom"/>  Time and Date follows  Time Zone (Brussels)</div>
<div id="sidebar-title">SPONSORED LINKS</div>
<div class="sidebar-inner item">
<table border="0" cellpadding="0" cellspacing="0" style="padding-bottom: 4px;
padding-top: 4px">
<td align="left" style="vertical-align: top" width="160">

</td>
<td align="left" width="150">
<style type="text/css">.sidebar-inner ul {
    list-style-type: none;
    padding: 0;
    margin: 0
    }
.sidebar-inner ul a {
    font-weight: normal;
    padding-bottom: 2px
    }</style>
</td>
</table>
</div>
</div><!-- end of sidebar -->
<div class="footer_title">INFORMATION OVERLOAD</div>
<div class="footer">
<table border="0" cellpadding="0" cellspacing="0" style="margin-top: 3px;
margin-left: 10px;
margin-right: 10px" width="940">
<tr>
<td height="30">Recent entries</td>
<td>Recommended blogs</td>
<td>Recommended articles ()</td>
</tr>
<tr>
<td style="vertical-align: top;
text-align: left;
text-transform: capitalize;
padding-left: 0" width="340">
<a class="listlink" href="/archives/2014/08/metrico_a_puzzle_action_game_based_on_infographics.html">Metrico: a Puzzle Action Game based on Infograph</a><br/>
<a class="listlink" href="/archives/2014/08/the_many_factors_influencing_breast_cancer_incidence.html">The Many Factors Influencing Breast Cancer Incid</a><br/>
<a class="listlink" href="/archives/2014/08/how_we_sleep_and_how_we_awake_after_an_earthquake.html">How we Sleep (and How we Awake after an Earthqua</a><br/>
<a class="listlink" href="/archives/2014/08/the_feltron_annual_report_of_2013.html">The Feltron Annual Report of 2013 on Communicati</a><br/>
<a class="listlink" href="/archives/2014/08/us_domestic_migration_charted_as_ordered_stacked_graphs.html">US Domestic Migration Charted as Ordered Stacked</a><br/>
<a class="listlink" href="/archives/2014/08/onesecond_printing_every_tweet_created_during_a_single_second.html">oneSecond: Printing Every Tweet Created During a</a><br/>
</td>
<td style="vertical-align: top;
text-align: left;
text-transform: capitalize;
padding-left: 10px" width="270">
<table><tr><td width="125">
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</td><td valign="top" width="165">
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</td>
</tr></table>
</td>
<td style="vertical-align: top;
text-align: center;
padding-left: 0;
padding-right: 10px" width="360">
<div style="text-align: left;
text-transform: capitalize;
margin-left: 5px">

</div>
</td>
</tr>
</table>
</div>
<div class="footer end">
<a href="/">Home</a> · <a href="/information_aesthetics_suggest.html">Suggest a link</a> · <a href="/information_aesthetics_about.html">About</a> · <a href="/information_aesthetics_suggest.html">Contact</a> · <a href="/advertise_on_information_aesthetics.html">Advertise</a> · <a href="/feeds/infosthetics.com"><span style="color: #f08d38"><span style="color: #f08d38">Subscribe</span></span></a> · <a href="/information_aesthetics_archives.html">Archives</a>
</div><!--- end of footer end -->
</div><!-- end of footer -->

<!-- end of container -->
</body>
</html>