Hello. My name is Andy. I make maps.

For whom?
My company is Axis Maps. We are four cartographers who create interactive web maps, from data to design to code.

Where?
I live in Cambridge, Massachusetts and also enjoy mapping all kinds of Boston stuff. Natively, home is in the Dayton, Ohio area.

What else?
Twitter: @awoodruff
Words, etc.: my blog, and the Axis Maps blog
Code: GitHub
Professional stuff: I'm on the Board of Directors of NACIS, and help organize Maptime Boston.

See some of my projects below, and let's talk maps together sometime, friend!
Drop me a line at andy@axismaps.com.

Daylight Saving Time maps

After hearing enough biannual grumbling about daylight saving time, I was curious just how it affects sunrise and sunset times across the United States. Using Vladimir Agafonkin's suncalc library, my interactive map shows the geography of sunrise and sunset during the year, and how it would be different if there were no daylight saving time (or if we always used it).

"We Are One" touchscreen maps

(Axis Maps)

To accompany the Norman B. Leventhal Map Center's exhibition of historic, Revolutionary War era maps at the Boston Public Library, Axis Maps developed an interactive map viewer for the web and touchscreens in the exhibit. The application invites visitors to zoom in and further explore some of the historic maps, which are georeferenced and overlaid on a modern base map.

Napa Valley Vintners Map

(Axis Maps)

Napa Valley Vintners Map

This interactive map allows people to explore and plan trips to wineries in Napa Valley. It's based on Leaflet and a lot of other things. I worked on most of the desktop map, a bit of the mobile map, and a a good portion of the basemap design. For a bit more about our mobile design on this project, see Ben Sheesley's post on the Axis Maps blog.

Geography of Jobs

(Axis Maps)

Geography of Jobs

This animated map for TIP Strategies shows 15 years of job gains and losses in US metropolitan areas as colored proportional symbols. It's an update of an old version of their map, this time using D3, and is a nice example of how easy D3 makes it to do this kind of thing.

Interactive NBA charts

(Grantland)

NBA shot charts

For Kirk Goldsberry's Grantland article on top NBA shooters and scorers of the 2013-14 season, I made some splashy D3 animation and interaction with his chart data and Aaron Dana's illustrations.

Jamaican Slave Revolt Map

(Axis Maps)

Jamaican Slave Revolt

This animated interactive map shows the events of the slave rebellion in Jamaica in 1760–1761, known as Tacky's War, as a narrative constructed by Harvard's Vincent Brown using primary sources. The map was built with Leaflet and employs the AnimatedMarker plugin along with a similar one for Polylines, as well as a lot of custom design, as usual. The source code is on GitHub; see also the main site for Professor Brown's project.

MBTA bus speed maps

(Bostonography)

MBTA bus speed map

These are two maps of bus locations and speeds in the Boston area over time: one frequently-updated interactive map, and an archive of daily maps representing 24 hours each (one of which is published in the Atlas of Design Volume Two). The maps use live bus locations from NextBus and are drawn automatically at regular intervals. They are inspired by some of Eric Fischer's maps. I also did an earlier one-off map in 2011.

Crowdsourced neighborhoods

(Bostonography)

Crowdsourced neighborhood boundaries

Boston has well-established neighborhoods but no single set of official boundaries between them, leading to recurring disputes. People seem to be so certain of their own beliefs (and certain that everyone else is wrong), so we set up an online survey where people can draw boundaries as they see them. Data continues to roll in, but I have mapped some data from an earlier implementation of the project.

ColorBrewer

(Axis Maps)

ColorBrewer

No, I had nothing to do with Cynthia Brewer's research and development of color schemes for cartography, nor much to do with the overall design of the ColorBrewer tool, but I will take credit for building most of it! Axis Maps updated the original tool for Dr. Brewer in 2009, and I revisited it again in 2012 to rebuild it using JavaScript and SVG. We made a few small updates in this non-Flash version to better suit modern web development needs.

Typographic maps

(Axis Maps)

typographic maps

In 2010 I began a side project of mapping Boston entirely with type, and soon my Axis Maps coworkers joined in and it became a series of several cities. My work is mostly the Boston, Manhattan, and Madison maps. We sell posters and letterpress prints. A few more details about the first maps are on my blog and the Axis Maps blog.

AskCHIS NE

(Axis Maps)

AskCHIS NE

AskCHIS Neighborhood Edition is a tool for searching, displaying, and comparing various California health estimates at local levels such as zip codes and legislative districts. We worked with folks at UCLA to make the map and chart components, using a whole bunch of D3.

Natural Gas Leaks Map

(Axis Maps)

Gas Leaks Map

We worked with the Conservation Law Foundation to build an interactive site explaining and highlighting natural gas infrastructure problems in Massachusetts. Three fairly simple web maps of leaks, costs, and emissions are integrated into a full web page with text, video, charts, and calls to action.

Illinois Public Health Map

(Axis Maps)

Illinois Public Health Community Map

Axis Maps collaborated with IPRO to produce this interactive map of Illinois public health data. The map contains a variety of health indicators that can be shown in a choropleth map by counties and regions, along with histograms, bar charts, pie charts, and proportional symbols to show additional data. Originally made with Flash, the map was rebuilt from the ground up in 2013 using D3 and other modern, faster technology.

Climate Commons

(Axis Maps)

ClimateCommons map

The Climate Commons map, built for the Earth Journalism Network, aggregates news stories relate to climate change in the US and displays them alongside some pertinent geographic data. I built a custom hex grid layer—challenging in the relatively opaque Google Maps API! The hexagons show the thematic data underneath geocoded points for news stories, and they either use basic binning or IDW interpolation, depending on the nature of the data.

Global Commodity Prices

(Axis Maps)

Global Commodities Prices

For Adam Matthew Digital's Global Commodities collection we created a visualization of prices for 400 commodities across 245 different markets and some 1000 years of history. Linked displays of bar charts, a map, and a time series graph allow users to compare across commodities, markets, and time. I worked largely with D3 to build the front-end map and charts. (This was for a subscription service so unfortunately I have no link to the real thing.)

Hubway Trip Explorer

 

Hubway trip explorer

Built for the Hubway Data Visualization Challenge and winner of the "best data exploration tool," this interactive map allows a user to view trip patterns to and from stations in Boston's Hubway bicycle-sharing program based on a combination of filters related to time, demographics, weather, and more.

"Why Not The Best?" Map

(Axis Maps)

Why Not The Best?

A collaboration with IPRO for the Commonwealth Fund, this interactive map shows quality of health care data across various measures and scales in the US. This is the second incarnation of the map (I led development on both), the first having been built in Flash. The map uses TileStache to serve GeoJSON vector tiles, retrieves data from IPRO's databases, and draws the maps on canvas tiles along with other overlays in Leaflet on the front end.

Boston Globe Features

(Boston Globe)

ideas

Over the past few years I've done five map features for the wonderful Ideas section of the Boston Sunday Globe. All have been adaptations, more or less, of blog posts on Bostonography or this site, and all but one were based on original work. (There was another article and map done jointly with Tim Wallace, but I wasn't thrilled with it. Do see the one Tim adapted for the Globe himself, though!)

Boston's Summer Colors

(Bostonography)

Boston's summer colors

After first toying with mapping colors of geotagged Flickr photos two years earlier, I made this map for a Boston Globe feature in September 2011. The map shows the dominant hues of some 50,000 geotagged photos in the central Boston area during summer months, giving some idea of the colors that people are looking at in the city.

NY Times September 11 Map

(New York Times/Axis Maps)

nyt sept 11 map

I worked with the New York Times graphics department to build an interactive map for their coverage of the tenth anniversary of September 11, 2001. The map allowed users to indicate where they were on that day, specify their mood after reflection on the decade, and leave a short comment. Unfortunately the map no longer works, but hey, it's still good portfolio material.

MAPC basemap

(Axis Maps)

MAPC basemap

We worked with the Boston area's Metropolitan Area Planning Council to develop a Massachusetts basemap for use in their various web maps. I used TileMill to create a basemap design using state GIS data and some design specifications from Ben Sheesley.

Hubway Snapshots

 

Hubway trip explorer

For a companion to the interactive Hubway map, I tried my hand at a few infographics to pluck out some interesting bits of information from the data. There are five graphics (and five flavors of color) on different themes: an overview, origins and destinations, time of day, revenue, and demographics.

indiemapper

(Axis Maps)

indiemapper

This web-based thematic cartography application was originally conceived and developed by Zach Johnson and me in 2007 while at the University of Wisconsin-Madison. With Axis Maps it's grown to become a capable thematic mapping tool intended as an alternative to GIS for thematic mapping. More screenshots and such are in my blog post about its release.

Boston Squared

 

Boston Squared

This is a celebration of the unique shapes of Boston's so-called "squares," which in actuality are usually complicated intersections and often entire neighborhoods. It's a square poster showing simple silhouette-like maps of 32 squares in the immediate Boston area, each depicting the often weird shape of the central intersection. Prints are available.

Ohio is a Piano

 

Ohio is a Piano

Little more than an amusing interactive map, or maybe something artistic, this musical map exploits the coincidence that the state of Ohio has the same number of counties as a standard piano has keys. Counties are mapped to piano notes according to demographic data, and there are a few different options for "playing" the counties.

2008 election map

(Axis Maps)

2008 election map

We turned a concept of mine into a novel map of the 2008 U.S. presidental election. It was an attempt to avoid some of the drawbacks of the cartograms that are often used to show weighted election results, here modifying transparency instead of size. The concept was subsequently developed by Robert Roth, Zachary Johnson, and me into the "value-by-alpha" map, outlined in a Cartographic Journal paper.

Lakeshore Nature Preserve Map

(UW-Madison Cartography Lab)

Lakeshore Nature Preserve

The Lakeshore Nature Preserve map is part of a web promotion of the natural areas on UW-Madison's campus in 2006. The map is full of information and tools for all types of visitors to explore the place. I worked with Rob Roth on the bulk of this, alongside Joel Przybylowski. The map won Best Interactive Map in the ACSM 2007 Design Competition.

UW Online Campus Map

(UW-Madison Cartography Lab)

UW Online Campus Map

The University of Wisconsin-Madison's online campus map was entirely rebuilt in 2005-2006. Under its lead developer Aaron Erkenswick, I worked with Eve McGlynn and Jamon Van Den Hoek on the graphic design and interactivity. The map was named Runner-up Interactive Map in the ACSM 2007 Design Competition. It has since been replaced by a modern JavaScript-based map.

Cincinnati Roads

 

Cincinnati Roads

Before the days of Google Street View, this map of Cincinnati was an interface to videos recorded while driving on city streets. I completed this map for my final project in the Animated and Web-Based Maps class at UW-Madison, in conjunction with Ethan Hahn, who originally came up with the idea and recorded all the videos. The map won first place in the 2006 NACIS Student Web Mapping Competition.

Cincinnati Subway

 

Cincinnati Subway

I designed this Cincinnati Subway map as my final project in the Graphic Design in Cartography course at UW-Madison. It presents the history of Cincinnati's doomed attempt at constructing a rapid transit system nearly 100 years ago, an effort which leaves the city today with a section of abandoned subway tunnels. The challenge of ths was depicting a century of history in a single, static image.

Molokai shaded relief

 

Molokai

This was just for fun: a map of the Hawaii. I applied some lessons from Tom Patterson's how-to articles on Photoshop shaded relief. Sorry for using the Papyrus typeface (or something that looks like it, anyway)! I have also taken a crack at rendering a similar map in ActionScript.