Latest Work

Cassini's Grand Tour

National Geographic

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

Recent Work

The Making of a Most Extraordinary Fossil

National Geographic

Editorial design, interactive development. Tech: Javascript/CSS, D3.js.

Resurrecting a Dragon

National Geographic

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

Explore a Toad's Digital Clone

National Geographic

Editorial design, interactive development. Tech: Javascript/CSS, Three.js.

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 Cassini's Grand Tour

We wanted to visualize Cassini’s journey with 3D graphics as it made its many orbits around the Saturn system, with stops along the way corresponding to the locations where Cassini captured specific images. This article details how I acquired NASA data and the steps I took to make it the basis of a web-based, WebGL-via-three.js 3D graphics presentation.

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