 <!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-app46.us.archive.org';archive_analytics.values.server_ms=281;</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;  Tracing Photos&#8217; Trajectories and Dynamics</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="Tracing Photos’ Trajectories and Dynamics"/>
	<meta property="og:description" content=""/>
	<meta property="og:url" content="/lines-visualizations/index.css"/>
	<meta property="og:image" content="http://phototrails.net/wp-content/uploads/2013/03/users-line-homepage-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 » Tracing Photos’ Trajectories and Dynamics Comments Feed" href="/lines-visualizations/feed/index.css"/>
<link rel="stylesheet" id="flick-css" href="/wp-content/plugins/mailchimp//css/flick/flick_ver_3.6.1.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.6.1" 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.6.1' 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.6.1" 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.6.1" type="text/css" media="all"/>
<link rel="stylesheet" id="prettyphoto-css" href="/wp-content/themes/timewarp/css/prettyPhoto_ver_3.6.1.css" type="text/css" media="all"/>
<link rel="stylesheet" id="flexslider-css" href="/wp-content/themes/timewarp/css/flexslider_ver_3.6.1.css" type="text/css" media="all"/>
<link rel="stylesheet" id="fonts-css" href="/wp-content/themes/timewarp/css/fonts_ver_3.6.1.css" type="text/css" media="all"/>
<link rel="stylesheet" id="grid-css" href="/wp-content/themes/timewarp/css/grid_ver_3.6.1.css" type="text/css" media="all"/>
<link rel="stylesheet" id="menu-css" href="/wp-content/themes/timewarp/css/responsivemenu_ver_3.6.1.css" type="text/css" media="all"/>
<link rel="stylesheet" id="reset-css" href="/wp-content/themes/timewarp/css/reset_ver_3.6.1.css" type="text/css" media="all"/>
<link rel="stylesheet" id="shortcodes-css" href="/wp-content/themes/timewarp/css/shortcodes_ver_3.6.1.css" type="text/css" media="all"/>
<link rel="stylesheet" id="style-css" href="/wp-content/themes/timewarp/style_ver_3.6.1.css" type="text/css" media="all"/>
<link rel="stylesheet" id="custom-css" href="/wp-content/themes/timewarp/css/custom_ver_3.6.1.html" type="text/css" media="all"/>
<link rel="stylesheet" id="tweet_stream_style-css" href="/wp-content/plugins/tweet-stream/tweet_stream_ver_3.6.1.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_2.73.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var mailchimpSF = {"ajax_url":"http:\/\/web.archive.org\/web\/20131031012941\/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.6.1.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="Plotting Time-Space" href="/radial-visualization/index.css"/>
<link rel="next" title="Montage Visualizations" href="/montage-visualizations/index.css"/>
<meta name="generator" content="WordPress 3.6.1"/>
<link rel="canonical" href="/lines-visualizations/index.css"/>
<link rel="shortlink" href="/index_p_867.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-867 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="nine columns">

			
<!-- Single Content -->

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

		<div class="inner">

			<!--header>
				<h1>Tracing Photos&#8217; Trajectories and Dynamics</h1>
				<p>Posted on March 19, 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/lines-visualizations/'); return false;"><span class="icon-facebook"></span></a> <a class="sn" id="twbutton" onClick="twwindows('http://twitter.com/intent/tweet?text=Tracing Photos&#8217; Trajectories and Dynamics&url=http://phototrails.net/lines-visualizations/'); 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/lines-visualizations/&media=');"><span class="icon-pinterest"></span></a></p>
			</header-->
			
			
			<header>
				<h1>Tracing Photos&#8217; Trajectories and Dynamics</h1>
				<h3> <span>&mdash;</span> </h3>
				<p class="lead"></p>
		 
			</header>

				</div>

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

								<li><img width="876" height="394" src="/wp-content/uploads/2013/03/line-visualization-e1369511101304.jpg" class="attachment-blog-fixed" alt="line-visualization"/></li>
								<li><img width="600" height="400" src="/wp-content/uploads/2013/03/users-line-homepage.jpg" class="attachment-blog-fixed" alt="users-line-homepage"/></li>
				
			</ul>
			
		</div>
		<div class="inner">
		
		
			<p>Using graphic elements to convey information about place, time and volume.</p>

 
		</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 + '/lines-visualizations/-disqus-com/embed.js';
                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
            })();
        </script>

    </div>	

</div>	
		</section>
	

	
			<div class="three columns">

			<section class="sidebar">
											
			</section>

		</div>
	   	
</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="6ab7141fc7"/>		
			<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/>
Come see <a href="http://twitter.com/search?q=%23phototrails" target="_blank">#phototrails</a> in person! Our exhibition opens Oct 29 <a href="http://t.co/SS9zoA53NT" target="_blank">http://t.co/SS9zoA53NT</a> <a href="http://twitter.com/search?q=%23datavis" target="_blank">#datavis</a></li><li><strong>@phototrails: </strong><br/>
RT <a href="http://twitter.com/sarahmorgano" target="_blank">@sarahmorgano</a>: Incredible crisis map image of instagram photos taken in Brooklyn during Hurricane Sandy. <a href="http://twitter.com/search?q=%23dhpraxis" target="_blank">#dhpraxis</a> via <a href="http://twitter.com/phototrails" target="_blank">@phototrails</a> <a href="http://t.co/WQaZDSz0oz" target="_blank">http://t.co/WQaZDSz0oz</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\/20131031012941\/http:\/\/phototrails.net\/wp-admin\/admin-ajax.php","nonce":"039f9078e2"};
/* ]]> */
</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\/20131031012941\/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>