Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Tree: ec7a13bfde
Fetching contributors…

Cannot retrieve contributors at this time

62 lines (54 sloc) 2.023 kB
<!DOCTYPE html>
<link href='style.css' media='screen' rel='stylesheet' type='text/css' />
<script type='text/javascript' src='crossfilter.min.js'></script>
<script type='text/javascript' src='d3.v2.min.js'></script>
<script type='text/javascript' src='modestmaps.js'></script>
<script type='text/javascript'>
window.onload = function() {
d3.json('data/index.json', function(photos) {
var id = window.location.hash.substring(1);
photosIndex = crossfilter(photos);
photosById = photosIndex.dimension(function(d) { return });
var photoContainer ='#photos');
var stackContainer ='#stack');
var d = photosById.filterExact(id).top(1)[0];'#photo-img')
.attr('src', 'data/' + + '.jpg');'#title').text(d.caption && d.caption.text);'#filter').text(d.filter);'#likes').text(d.likes.count);'#taken').text(new Date(+d.created_time * 1000));'#instagram').attr('href',;
if (d.location.latitude) {'#map')
+ d.location.latitude + '/' + d.location.longitude)
.attr('frameborder', 'none');
<div class='wrapper'>
<div id='photo'>
<img src='' id='photo-img' />
<div class='facets'>
<a href='index.html'>&larr; back</a> <br />
<h2 id='title'></h2>
<li>Taken: <span id='taken'></span></li>
<li>Filter: <span id='filter'></span></li>
<li>Likes: <span id='likes'></span></li>
<li><a id='instagram'>instagram</a></li>
<div id='map'></div>
Jump to Line
Something went wrong with that request. Please try again.