Crafting Data-Driven Maps

Erik Klimczak
Dec 21, 2016 · 8 min read

The Challenge(s)

Many teams, many maps

A smattering of maps created in 2016

Lack of tooling

“We can’t use any of the tools we know…this is going to take forever…”

Global scale


The Process

Creating a foundation

Base map styling optimized for data visualization
Mapbox studio — best in class map style editor

Bring on the data

Scatter plots & Hex Bins

Scatter plots and Hex bins showing concentration of Uber trip activity

Color scales

Carto (Left) used for data-driven styling and QGIS (right) used for deeper analysis and manipulation

Taking it a step further

Trip lines

Trip line visualizations showing unique features of different cities

Choropleths

Choropleths based on postal codes generated in D3.js

Custom Tools

Custom tools written in javascript and d3.js helped us generate complex scenes quickly

The Results

Elements from the final framework

Parting thoughts

Uber Design

We are passionate about the pursuit of ideas that put people first. Work with us: uber.com/design. Follow us on Twitter: @DesigningUber.

Thanks to Mark Lamb and Raya.

Erik Klimczak

Written by

Principal Design Director @Uber | Author, Design Educator, Public Speaker

Uber Design

We are passionate about the pursuit of ideas that put people first. Work with us: uber.com/design. Follow us on Twitter: @DesigningUber.