 <!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<html lang="en-US" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>

<script type="text/javascript">archive_analytics.values.service='wb';archive_analytics.values.server_name='wwwb-app23.us.archive.org';archive_analytics.values.server_ms=717;</script><script type="text/javascript" src="/static/js/wbhack_v_1500596387.0.js" charset="utf-8"></script>

<script type="text/javascript">
__wbhack.init('/web');
</script>





    <!-- Basic Page Needs
  ================================================== -->
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			<title> Phototrails &mdash;  Plotting Time-Space</title>		
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	 
	<meta property="fb:admins" content="Phototrails">
	<meta property="og:title" content="Plotting Time-Space"/>
	<meta property="og:description" content="<p>Visualizing and exploring photos’ time and place in a circular form. </p>
"/>
	<meta property="og:url" content="/radial-visualization/index.css"/>
	<meta property="og:image" content="http://phototrails.net/wp-content/uploads/2013/03/radial_603-e1369510882605-150x150.jpg"/>
	<meta property="og:type" content="article"/>
	<meta property="og:site_name" content="Phototrails"/>
		<link rel="alternate" type="application/rss+xml" title="Phototrails » Feed" href="/feed/index.html"/>

<link rel="alternate" type="application/rss+xml" title="Phototrails » Plotting Time-Space Comments Feed" href="/radial-visualization/feed/index.css"/>
<link rel="stylesheet" id="flick-css" href="/wp-content/plugins/mailchimp//css/flick/flick_ver_3.8.15.css" type="text/css" media="all"/>
<link rel="stylesheet" id="mailchimpSF_main_css-css" href="http://phototrails.net/?mcsf_action=main_css&amp;ver=3.8.15" type="text/css" media="all"/>
<!--[if IE]>
<link rel='stylesheet' id='mailchimpSF_ie_css-css'  href='http://phototrails.net/wp-content/plugins/mailchimp/css/ie.css?ver=3.8.15' type='text/css' media='all' />
<![endif]-->
<link rel="stylesheet" id="Raleway:100,300,n,i,b,bi,-css" href="http://fonts.googleapis.com/css?family=Raleway%3A100%2C300%2Cn%2Ci%2Cb%2Cbi%2C&amp;ver=3.8.15" type="text/css" media="all"/>
<link rel="stylesheet" id="&quot;Helvetica+Neue&quot;,+Helvetica,+Arial,+Sans-serif:100,300,n,i,b,bi,-css" href="http://fonts.googleapis.com/css?family=%22Helvetica+Neue%22%2C+Helvetica%2C+Arial%2C+Sans-serif%3A100%2C300%2Cn%2Ci%2Cb%2Cbi%2C&amp;ver=3.8.15" type="text/css" media="all"/>
<link rel="stylesheet" id="prettyphoto-css" href="/wp-content/themes/timewarp/css/prettyPhoto_ver_3.8.15.css" type="text/css" media="all"/>
<link rel="stylesheet" id="flexslider-css" href="/wp-content/themes/timewarp/css/flexslider_ver_3.8.15.css" type="text/css" media="all"/>
<link rel="stylesheet" id="fonts-css" href="/wp-content/themes/timewarp/css/fonts_ver_3.8.15.css" type="text/css" media="all"/>
<link rel="stylesheet" id="grid-css" href="/wp-content/themes/timewarp/css/grid_ver_3.8.15.css" type="text/css" media="all"/>
<link rel="stylesheet" id="menu-css" href="/wp-content/themes/timewarp/css/responsivemenu_ver_3.8.15.css" type="text/css" media="all"/>
<link rel="stylesheet" id="reset-css" href="/wp-content/themes/timewarp/css/reset_ver_3.8.15.css" type="text/css" media="all"/>
<link rel="stylesheet" id="shortcodes-css" href="/wp-content/themes/timewarp/css/shortcodes_ver_3.8.15.css" type="text/css" media="all"/>
<link rel="stylesheet" id="style-css" href="/wp-content/themes/timewarp/style_ver_3.8.15.css" type="text/css" media="all"/>
<link rel="stylesheet" id="custom-css" href="/wp-content/themes/timewarp/css/custom_ver_3.8.15.html" type="text/css" media="all"/>
<link rel="stylesheet" id="tweet_stream_style-css" href="/wp-content/plugins/tweet-stream/tweet_stream_ver_3.8.15.css" type="text/css" media="all"/>
<script type="text/javascript" src="/wp-includes/js/jquery/jquery_ver_1.10.2.js"></script>
<script type="text/javascript" src="/wp-includes/js/jquery/jquery-migrate.min_ver_1.2.1.js"></script>
<script type="text/javascript" src="/wp-content/plugins/mailchimp/js/scrollTo_ver_1.2.14.js"></script>
<script type="text/javascript" src="/wp-includes/js/jquery/jquery.form.min_ver_3.37.0.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var mailchimpSF = {"ajax_url":"http:\/\/web.archive.org\/web\/20160702022608\/http:\/\/phototrails.net\/"};
/* ]]> */
</script>
<script type="text/javascript" src="/wp-content/plugins/mailchimp/js/mailchimp_ver_1.2.14.js"></script>
<script type="text/javascript" src="/wp-includes/js/jquery/ui/jquery.ui.core.min_ver_1.10.3.js"></script>
<script type="text/javascript" src="/wp-content/plugins/mailchimp//js/datepicker_ver_3.8.15.js"></script>
<script type="text/javascript" src="/wp-content/themes/timewarp/js/vendor/modernizr_ver_1.0.js"></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="/xmlrpc_rsd_.html"/>
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="/wp-includes/wlwmanifest.xml"/> 
<link rel="prev" title="Filters Patterns" href="/filterusage/index.html"/>
<link rel="next" title="Tracing Photos’ Trajectories and Dynamics" href="/lines-visualizations/index.css"/>
<meta name="generator" content="WordPress 3.8.15"/>
<link rel="canonical" href="/radial-visualization/index.css"/>
<link rel="shortlink" href="/index_p_195.html"/>
	<script type="text/javascript">
		jQuery(function($) {
			$('.date-pick').datepicker({
				autoFocusNextInput: true,
				constrainInput: false,
				changeMonth: true,
				changeYear: true,
				beforeShow: function(input, inst) { $('#ui-datepicker-div').addClass('show'); },
				dateFormat: 'yy/mm/dd',
			});

			d = new Date();
			$('.birthdate-pick').datepicker({
				autoFocusNextInput: true,
				constrainInput: false,
				changeMonth: true,
				changeYear: false,
				minDate: new Date(d.getFullYear(), 1-1, 1),
				maxDate: new Date(d.getFullYear(), 12-1, 31),
				beforeShow: function(input, inst) { $('#ui-datepicker-div').removeClass('show'); },
				dateFormat: 'mm/dd',
			});


		});
	</script>
	<script type="text/javascript" src="/wp-content/plugins/twitget/js/strftime.js"></script><script type="text/javascript" src="/wp-content/plugins/twitget/js/moment.js"></script>	<style type="text/css">.post-like {display:none;}
.projects p, .projects ul {color:#474545;}
.projects header h3 {display:none;}
 article.projects {padding-bottom:40px;}
 article.projects.type-page {padding-bottom:0px;}
.entry-meta, .entry-format {display:none;}
.post article.three h2.entry-title a span {font-size:18px;}
.widget-toptoolbar {float:right;width:100%;}
.widget-toptoolbar div {float:right;}
.widget-toptoolbar h3{display:none;}
.widget-toptoolbar li span {font-size:16px;}
.copyright { text-align: left;width:50%; float:left;}
.copyleft {text-align: right;margin:0px; float:left;width:50%;}
.copyright p {font-size:11px;}
.site-slogan {display:none;}
#header nav ul {text-transform:uppercase;}
#header {-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow:none;}
.projects, .content, footer {-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow:none;}
#header nav ul li a {color:#000;}
.projects header {padding-top:25px; }
.post article.format-image h2.entry-title {background:none;}
.post article.format-image h2.entry-title a {background:#fff;}

 p.flex-caption {
  background:rgba(0, 0, 0, 0.498039);
  border-bottom-left-radius:1px;
  border-bottom-right-radius:1px;
  border-top-left-radius:1px;
  border-top-right-radius:1px;
  top:15px;
  color:#FFFFFF;
  font-size:10px;
  margin:0 auto;
  padding:5px;
  line-height: 100%;
  position:absolute !important;
  right:10px;
  text-transform:uppercase;
}
.imagepost {width:50%;float:left;}
 .imagepostgal {width:50%;float:left;}
.imageposttext {padding:0px 0px 50px 50px;text-align:left;}

.flex-control-paging li a {background:rgba(255,255,255,0.5);width: 5px;
height: 5px;}


.inner h1 {display:none;}
.inner a {text-decoration:underline;}
.post article .entry-content p {color:#cccccc; font-size:13px;}
.post article .inner { padding-bottom:0px;}
 

footer {background:#f7f7f7;}
.widget-area h3 {font-size:14px; color:#777777;}
.widget-area {font-size:12px; color:#777777; }
footer .widget-area a {text-decoration:underline;}
.textwidget {margin-right:40px;}

.hr {border-bottom:none; padding-top:15px; padding-bottom:15px;}

.inner h4 {color:#555555;font-size:1.15em; line-height:1.5em;}

 .projects-index .hover {-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}
.projects-index .hover .angle { background:none;}
.blackbg {background:#000; color:#fff;}

ul#gallery li span.caption {font-size:12px}

.projects header p.lead {text-align:justify;}
.scale-with-grid {}
ul#gallery.two li img {width: auto;
    }
.caption {font-size:11px; padding-top:5px;}

.widget-area ul li {text-indent: 0px;}

.widget-footer ul.social li a {color:#777777;}
#homewhite p {background:#fff;width:auto;}
#hpboxes h2 {font-size:22px;}
#hpboxes p {font-size:13px; line-height:20px;}

.homepage .flex-caption,.homepage .flex-direction-nav {display:none;}
 

header h1 {font-size: 1.9em;}
#header nav ul li {
 
line-height: 90px;
}
.pp_gallery li {display:none;}
.site-title img {padding-left:2px;}
#cities h2 {display:block;font-size: 2.5em;}

.fourth h3 a {text-decoration:none;}
.widget-area ul li {border-bottom:none;}

.flex-control-paging li a {display:none;}
.post-1187 {padding-top:60px;}

.widget-area ul li a {display: inline;}</style>


</head>
<body class="single single-post postid-195 single-format-standard">

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'Phototrails', status: true, cookie: true,
		xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      'http://connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->

<a href="#" class="scrollup"><i class="icon-angle-up"></i></a>

<!-- .header -->
<header id="header">
	
	<section class="container">	

		<div class="three columns">

			<!-- site title -->
			<a class="site-title" href="/index.html" title="Phototrails"><img style="margin-top:60px;" src="/wp-content/uploads/2013/03/logo4.png" < img></a> <div class="site-slogan">Tracing Cultural Patterns<br/> in User-Generated Photos</div>				

		</div>

		<div class="nine columns"><aside class="widget-area widget-toptoolbar"><div><h3></h3><ul class="social clearfix"><li><a target="_blank" href="https://twitter.com/phototrails"><span class="icon-twitter"></span></a></li><li><a target="_blank" href="https://www.facebook.com/Phototrails"><span class="icon-facebook"></span></a></li><li><a target="_blank" href="https://plus.google.com/107836127961870987525"><span class="icon-google-plus"></span></a></li><li><a target="_blank" href="http://pinterest.com/phototrails/instagram-cities/"><span class="icon-pinterest"></span></a></li></ul></div></aside>	

			<!-- widget area -->
			<div class="widget-header push-right">

				<nav id="primary" role="navigation">
				<ul id="menu-topmenu" class="menu"><li id="menu-item-385" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-385"><a href="/about/index.html">About</a></li>
<li id="menu-item-1643" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1643"><a href="/instagram-cities/index.html">Instagram Cities</a></li>
<li id="menu-item-987" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-987"><a href="/visualizations/index.html">Techniques</a></li>
<li id="menu-item-384" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-384"><a href="/research/index.html">Publications</a></li>
<li id="menu-item-2773" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2773"><a href="/exhibition/index.html">Exhibition</a></li>
<li id="menu-item-815" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-815"><a href="/team/index.html">Team</a></li>
<li id="menu-item-2655" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2655"><a href="/press/index.html">Press</a></li>
<li id="menu-item-386" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-386"><a href="/contact/index.html">Contact</a></li>
</ul>				</nav>

			</div>

		</div>
		
	</section>   

</header>
<!--// .header -->

<section class="container">

	<div class="twelve columns mobileNav"></div>

</section><section class="container" role="main">

	<!-- grab the posts -->
		
		<section class="twelve columns">

			
<!-- Single Content -->

	<article class="post-195 post type-post status-publish format-standard hentry category-uncategorized projects has_thumb">

		<div class="inner">

			<!--header>
				<h1>Plotting Time-Space</h1>
				<p>Posted on March 18, 2013 in <a href="/category/uncategorized/index.html" title="View all posts in Uncategorized" rel="category tag">Uncategorized</a> &mdash; Share this via <a class="sn" id="fbbutton" onclick="fbwindows('http://www.facebook.com/sharer.php?u=http://phototrails.net/radial-visualization/'); return false;"><span class="icon-facebook"></span></a> <a class="sn" id="twbutton" onClick="twwindows('http://twitter.com/intent/tweet?text=Plotting Time-Space&url=http://phototrails.net/radial-visualization/'); return false;"><span class="icon-twitter"></span></a> <a class="sn" id="pinbutton" onClick="pinwindows('http://pinterest.com/pin/create/button/?url=http://phototrails.net/radial-visualization/&media=');"><span class="icon-pinterest"></span></a></p>
			</header-->
			
			
			<header>
				<h1>Plotting Time-Space</h1>
				<h3> <span>&mdash;</span> </h3>
				<p class="lead"></p>
		 
			</header>

				</div>

	 	<div class="flexslider">
			
			<ul class="slides">

								<li><img width="876" height="876" src="/wp-content/uploads/2013/02/radial_location_created.full-size.jpg" class="attachment-blog-fixed" alt="radial_location_created.full-size"/></li>
								<li><img width="673" height="580" src="/wp-content/uploads/2013/03/radial_603-e1369510882605.jpg" class="attachment-blog-fixed" alt="radial_603"/></li>
				
			</ul>
			
		</div>
		<div class="inner">
		
		
			
 
		</div>

	</article>
<!-- // Single Content -->

<!-- Projects -->

			<div id="comments" class="content">

	<div class="inner">

		<div id="disqus_thread"></div>
        <script type="text/javascript">
            var disqus_shortname = 'phototrails';
            (function() {
                var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                dsq.src = 'http://' + disqus_shortname + '/radial-visualization/-disqus-com/embed.js';
                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
            })();
        </script>

    </div>	

</div>	
		</section>
	

	
	   	
</section>
<!-- // .container -->  
<!-- .footer -->
<footer id="colophon" role="contentinfo">

	<div class="container">
		
		<div class="four columns">

			<aside class="widget-area widget-footer"><h3>Social Links &amp; Newsletter</h3><ul class="social clearfix"><li><a target="_blank" href="https://twitter.com/phototrails"><span class="icon-twitter"></span></a></li><li><a target="_blank" href="https://www.facebook.com/Phototrails"><span class="icon-facebook"></span></a></li><li><a target="_blank" href="https://plus.google.com/107836127961870987525"><span class="icon-google-plus"></span></a></li><li><a target="_blank" href="http://pinterest.com/phototrails/instagram-cities/"><span class="icon-pinterest"></span></a></li></ul></aside><aside class="widget-area widget-footer">	
<div id="mc_signup">
	<form method="post" action="#mc_signup" id="mc_signup_form">
		<input type="hidden" id="mc_submit_type" name="mc_submit_type" value="html"/>
		<input type="hidden" name="mcsf_action" value="mc_submit_signup_form"/>
		<input type="hidden" id="_mc_submit_signup_form_nonce" name="_mc_submit_signup_form_nonce" value="b4956c10ac"/>		
			<div id="mc_subheader" style="padding-top:15px;padding-bottom:5px;width:80%;">
			Find out more about Phototrails and get news updates by subscribing to our mailing list.		</div><!-- /mc_subheader -->
			
	<div class="mc_form_inside">
		
		<div class="updated" id="mc_message">
					</div><!-- /mc_message -->

		
<div class="mc_merge_var" style="margin-bottom:5px;">
		<label for="mc_mv_EMAIL" class="mc_var_label" style="width:28%;float:left;  ">Email Address<span class="mc_required">*</span></label>
	<input type="text" size="18" value="" name="mc_mv_EMAIL" id="mc_mv_EMAIL" class="mc_input"/>
</div><!-- /mc_merge_var -->
<div class="mc_merge_var" style="margin-bottom:5px;">
		<label for="mc_mv_NAME" class="mc_var_label" style="width:28%;float:left;  ">Name</label>
	<input type="text" size="18" value="" name="mc_mv_NAME" id="mc_mv_NAME" class="mc_input"/>
</div><!-- /mc_merge_var -->			<div id="mc-indicates-required">
				* = required field			</div><!-- /mc-indicates-required -->
			
		<div class="mc_signup_submit">
			<input type="submit" name="mc_signup_submit" id="mc_signup_submit" value="Subscribe" class="btn btn-square"/>
		</div><!-- /mc_signup_submit -->
	
	
				
	</div><!-- /mc_form_inside -->
	</form><!-- /mc_signup_form -->
</div><!-- /mc_signup_container -->
	</aside>		

		</div>
		<div class="four columns">
	
			<aside class="widget-area widget-footer"><h3>Recent Tweets</h3><ul class="pages">
<li><strong>@phototrails: </strong><br/>
"Instagram and Contemporary Image" (2016) - a new book by Lev Manovich.

The book methods combine traditional... <a href="https://t.co/VR7kU1WXyI" target="_blank">https://t.co/VR7kU1WXyI</a></li><li><strong>@phototrails: </strong><br/>
This year we are participating in 12 exhibitions, and a number of them explicitly refer to "data." Its... <a href="https://t.co/3dMFA6GD1v" target="_blank">https://t.co/3dMFA6GD1v</a></li>
</ul></aside><aside class="widget-area widget-footer">			<div class="textwidget"><a href="https://twitter.com/phototrails" class="twitter-follow-button" data-show-count="false" data-dnt="true">Follow @phototrails</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+':http://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div>
		</aside>		

		</div>				
		<div class="four columns">
				
			<aside class="widget-area widget-footer widget-footer-right"><h3>Affiliations</h3>			<div class="textwidget"><p>Phototrails is a joint project between the department of History of Art and Architecture at the University of Pittsburgh, the Software Studies Initiative at California Institute for Telecommunication and Information, and The Graduate Center, City University of New York. The project is supported by The Andrew W. Mellon Foundation.</p>
<p> <img src="/wp-content/uploads/2013/06/logos11.png"></p>
</div>
		</aside>	

		</div>

			 

		<div class="twelve columns">
			<div class="copyright">
				<p>&copy; 2013 Phototrails.&nbsp;&nbsp;&nbsp;&nbsp;<a href="/privacy/index.html">Privacy</a></p>
		</div>
			<div class="copyleft">
			
				
			
		</div>	
		</div>



		
	</div>

</footer>
<!-- /.footer -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','http://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-41680954-1', 'phototrails.net');
  ga('send', 'pageview');

</script><script type="text/javascript" src="/wp-content/themes/timewarp/js/plugins_ver_1.0.js"></script>
<script type="text/javascript" src="/wp-content/themes/timewarp/inc/audiojs/audio.min_ver_1.0.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;ver=1.0"></script>
<script type="text/javascript" src="/wp-content/themes/timewarp/js/validation_ver_1.0.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var ajax_var = {"url":"http:\/\/web.archive.org\/web\/20160702022608\/http:\/\/phototrails.net\/wp-admin\/admin-ajax.php","nonce":"fdd11db416"};
/* ]]> */
</script>
<script type="text/javascript" src="/wp-content/themes/timewarp/js/post-like_ver_1.0.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var swfJSvars = {"audiojs_url":"http:\/\/web.archive.org\/web\/20160702022608\/http:\/\/phototrails.net\/wp-content\/themes\/timewarp\/inc\/audiojs\/audiojs.swf"};
/* ]]> */
</script>
<script type="text/javascript" src="/wp-content/themes/timewarp/js/main_ver_1.0.js"></script>
</body>
</html>