Latest Work

Resurrecting a Dragon

National Geographic

Editorial design, data reporting/processing, interactive development. Tech: Javascript/CSS, D3.js, Three.js, GSAP.

Recent Work

Rewind the Red Planet

National Geographic

Editorial design, data reporting/processing, interactive development. Tech: Javascript/CSS, Three.js, GSAP.

Explore This Mysterious Mosaic

National Geographic

Interactive development, responsive design. Tech: Javascript/CSS, Canvas, Leaflet.

In Search of the Lost Empire of the Maya

National Geographic

Interactive development, responsive design. Tech: Javascript/CSS, Sketchfab API.

A Vanishing Aquifer

National Geographic

Interactive development, responsive design/cartography. Tech: Javascript/CSS, SVG, Greensock Animation Platform, Illustrator/Mapublisher.

Yellowstone's Elk Migration

National Geographic

Interactive geospatial design/development, data processing. Tech: Javascript/CSS, D3, Canvas, Leaflet, Photoshop/Illustrator/Mapublisher, GDAL, Node, commandline.

Denali National Park Map

National Geographic

Interactive development, responsive design, data processing, cartographic toolkit development. Tech: Javascript/CSS, Backbone, Leaflet, Photoshop/Illustrator/Mapublisher, GDAL, Gulp, Node, commandline.

The New New York City Skyline

National Geographic

Interactive development, responsive design, graphics processing. Tech: Javascript/CSS, Photoshop/Illustrator, Grunt, commandline, Google Sheets.

Climate Survival Guide

National Geographic

Interactive development, responsive design, graphics processing. Tech: Javascript/CSS, Illustrator, Underscore, D3, Grunt.

Tracking Ivory

National Geographic

Interactive development/mapping, data processing. Tech: Javascript/CSS, D3, Leaflet, Node, commandline.

Taking Back Detroit

National Geographic

Interactive development. Tech: Javascript/CSS, Node, commandline.

Louisiana's Moonshot

ProPublica

Full-stack design/development, data/image processing. Tech: Javascript/CSS, Ruby on Rails, Photoshop, ImageMagick, QGIS, Leaflet.

Losing Ground

ProPublica

Interactive design/development, data processing, space journalism. Tech: Javascript/CSS, Ruby on Rails / Postgres, Photoshop, GDAL/Commandline, QGIS/ArcGIS, Leaflet, D3.

Datacollider

MIT SENSEable City Lab

Interactive design/development, data visualization, data processing. Tech: Javascript/CSS, D3, Backbone, RequireJS, WebGL, Websockets, Web Workers, Grunt.

Articles

How We Made Rewind the Red Planet

This project was my first serious journey into the world of 3D in the browser using three.js. I’ll walk you through what went into constructing it from a development perspective, including rendering geospatial imagery and text on a globe. I’ll also discuss the usability and performance challenges inherent in creating scroll-driven 3D graphics that perform well.

How We Made A Vanishing Aquifer

In our digital feature, A Vanishing Aquifer, we take you through a massive underground water basin in the central US, known as the High Plains Aquifer, and show how it's changed. We do this using a series of responsive and dynamic maps and graphics. I'll walk you through the construction of the project.

How We Made Losing Ground

Harmonizing satellite imagery, historical maps, academic data sources, and more in one big, beautiful feature
Copyright © 2017 Brian T. Jacobs