Skip to content

Instantly share code, notes, and snippets.

@syntagmatic

syntagmatic/index.html

Last active August 29, 2015 14:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save syntagmatic/76739ae4271e8c111d2e to your computer and use it in GitHub Desktop.
Save syntagmatic/76739ae4271e8c111d2e to your computer and use it in GitHub Desktop.
Download ZIP
Image Gallery
Raw
index.html
<script src="http://d3js.org/d3.v3.js"></script>
<style>
body {
background: #000;
margin: 2px;
}
img {
border-radius: 4px;
padding: 2px;
}
</style>
<script>
d3.json("http://www.reddit.com/r/earthporn.json?limit=80", function(error, imgs) {
// filter out posts without a thumbnail
var images = imgs.data.children.filter(function(d) {
return d.data.thumbnail.slice(-3) == "jpg";
});
images.forEach(function(img) {
d3.select("body")
.append("a")
.attr("href", img.data.url)
.append("img")
.attr({
height: 66,
src: img.data.thumbnail
});
});
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment