

<!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-app14.us.archive.org';archive_analytics.values.server_ms=2222;</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;  Radial: TLV-25-26-hue-time </title>		
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	  
	<meta property="og:site_name" content="Phototrails"/>  
	<meta property="og:description" content=""/>  
	<meta property="og:type" content="article"/>  
	<meta property="og:image" content="http://phototrails.net/tlv-25-26-hue-time/"/> 
		<link rel="alternate" type="application/rss+xml" title="Phototrails » Feed" href="/feed/index.html"/>

<link rel="alternate" type="application/rss+xml" title="Phototrails » Radial: TLV-25-26-hue-time Comments Feed" href="/tlv-25-26-hue-time/feed/index.css"/>
<link rel="stylesheet" id="flick-css" href="/wp-content/plugins/mailchimp//css/flick/flick_ver_3.8.8.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.8" 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.8' 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.8" 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.8" type="text/css" media="all"/>
<link rel="stylesheet" id="prettyphoto-css" href="/wp-content/themes/timewarp/css/prettyPhoto_ver_3.8.8.css" type="text/css" media="all"/>
<link rel="stylesheet" id="flexslider-css" href="/wp-content/themes/timewarp/css/flexslider_ver_3.8.8.css" type="text/css" media="all"/>
<link rel="stylesheet" id="fonts-css" href="/wp-content/themes/timewarp/css/fonts_ver_3.8.8.css" type="text/css" media="all"/>
<link rel="stylesheet" id="grid-css" href="/wp-content/themes/timewarp/css/grid_ver_3.8.8.css" type="text/css" media="all"/>
<link rel="stylesheet" id="menu-css" href="/wp-content/themes/timewarp/css/responsivemenu_ver_3.8.8.css" type="text/css" media="all"/>
<link rel="stylesheet" id="reset-css" href="/wp-content/themes/timewarp/css/reset_ver_3.8.8.css" type="text/css" media="all"/>
<link rel="stylesheet" id="shortcodes-css" href="/wp-content/themes/timewarp/css/shortcodes_ver_3.8.8.css" type="text/css" media="all"/>
<link rel="stylesheet" id="style-css" href="/wp-content/themes/timewarp/style_ver_3.8.8.css" type="text/css" media="all"/>
<link rel="stylesheet" id="custom-css" href="/wp-content/themes/timewarp/css/custom_ver_3.8.8.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.8.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\/20150512170218\/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.8.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="A Week of Tel Aviv Photos Sorted by Time and Location" href="/tlv-week-radial-time-location/index.css"/>
<link rel="next" title="TLV-Week—latlong-vs-created" href="/tlv-25-26-3516-photos-longlat-time/index.css"/>
<meta name="generator" content="WordPress 3.8.8"/>
<link rel="canonical" href="/tlv-25-26-hue-time/index.css"/>
<link rel="shortlink" href="/index_p_1071.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="page page-id-1071 page-template page-template-page-project-php">

<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">
	

	<section class="twelve columns">

		<article class="post-1071 page type-page status-publish hentry projects has_thumb">
	 
		 
			
			 
				 
 
				<p class="lead">
<div class="two-thirds">
<p>Radial image plot visualization of 11,758 photos shared on Instagram in Tel Aviv during April 25-26, 2012. The photos are sorted by hue (radius)  and time created (angle).</p>

</div>
<div class="third end" style="font-size:10px; line-height:14px; text-transform:uppercase; text-align:left;padding-top:3px;">
 

</div>
</p>

<div class="two-thirds" style="font-size:10px; line-height:14px; text-transform:uppercase; text-align:left;padding-top:3px;">
 YOU CAN USE ZOOM AND PAN BUTTONS TO EXPLORE THE PHOTOS. THE IMAGE MAY TAKE A FEW MOMENTS TO LOAD.


</div>			 			 
			
<div class="third end" style=" text-align:right;  padding-bottom:5px;">
<div style="padding-right:10px;"><span style="font-size:11px;">
Share this via </span>&nbsp;&nbsp;<a style="cursor:pointer;" class="sn" id="fbbutton" onclick="fbwindows('http://www.facebook.com/sharer.php?u=http://phototrails.net/tlv-25-26-hue-time/'); return false;"><span class="icon-facebook"></span></a> &nbsp;&nbsp;<a style="cursor:pointer;" class="sn" id="twbutton" onclick="twwindows('http://twitter.com/intent/tweet?text=Radial: TLV-25-26-hue-time&amp;url=http://phototrails.net/tlv-25-26-hue-time/'); return false;"><span class="icon-twitter"></span></a> &nbsp;&nbsp;<a style="cursor:pointer;" class="sn" id="pinbutton" onclick="pinwindows('http://pinterest.com/pin/create/button/?url=http://phototrails.net/tlv-25-26-hue-time/&amp;media=');"><span class="icon-pinterest"></span></a> 
</div>
</div>
	 
 
  

 <style>
	.smooth_zoom_preloader {
		background-image: url(/wp-content/themes/timewarp/zoom_assets/preloader.gif);
	}	
	.smooth_zoom_icons {
		background-image: url(/wp-content/themes/timewarp/zoom_assets/icons.png);
	}

 
#zoom_container img {max-width:none;} 
</style>
<script src="/wp-content/themes/timewarp/zoom_assets/jquery.smoothZoom.min.js"></script>
<script>
	jQuery(function($){
		$('#zoom_container').smoothZoom({ 
			
image_url: 'http://farm9.staticflickr.com/8406/8755718392_27c0c0783d_o.png',
button_ALIGN: 'top left',
 width: '1170',
button_SIZE: 14,
button_SIZE_TOUCH_DEVICE: 18,
button_BG_TRANSPARENCY: 25,
height: '1170',
zoom_MAX:150,
button_AUTO_HIDE: true,
button_AUTO_HIDE_DELAY: 1,
button_ROUND_CORNERS: false,
responsive: true

		});
	});
</script>

 <div id="zoom_container"></div>
 
 

								
 
	
	</article>
</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="d5467fbad2"/>		
			<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/>
Our new animated visualizations of Instagram photos created for Google Zeitgeist 2014 conference... <a href="http://t.co/Oz9jC2fl10" target="_blank">http://t.co/Oz9jC2fl10</a></li><li><strong>@phototrails: </strong><br/>
Our new animated Phototrails visualizations for Google Zeitgeist 2014 conference <a href="http://t.co/yCApV3vZ4i" target="_blank">http://t.co/yCApV3vZ4i</a> <a href="http://t.co/jBbRDaT7GJ" target="_blank">http://t.co/jBbRDaT7GJ</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\/20150512170218\/http:\/\/phototrails.net\/wp-admin\/admin-ajax.php","nonce":"adbfd44456"};
/* ]]> */
</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\/20150512170218\/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>  
		   