Stamen is a design and technology studio in San Francisco.

You are at Stamen's blog, mostly written by Eric Rodenbeck. You can subscribe via RSS, or get email alerts.

Contact Stamen

    follow Stamen on Twitter

    Recent blog posts

    Dec 11, 2010

    Cheerio Maps

    Cheerio Maps is a view of housing data from http://www.ziprealty.com/ that we (and when I say we, I mean Aaron) visualized in early 2010. The maps look at how the sizes, prices and ages of houses vary across the San Francisco Bay Area, and uses circles of different sizes to denote greater and lesser values. In the first image below: Housing prices in San Francisco. Each dot is a house for sale, and the big green dot behind everything else is a mega-mansion in the Pacific Heights neighborhood.

    View Project.

    There are three things about the project:

    Thing 1: Colors

    The colors are arbitrary—unlike the maps on Trulia Hindsight, there's not a consistent linear scale that lets you say that blue or green dots are pricier or older or smaller. This makes it easier to differentiate between dots that similar, but not identical, values. (It also looks really strange and cool). All dots that are (about) the same size have the same color, though. So all of the bluish dots in the image below are about the same price as one another, and the same goes for the pink ones. The fact that they're all mostly the same size means that this is a fairly homogeneously priced part of the Bay:

    1.gif

    Whereas here, Piedmont (the larger dots in the upper right) clearly pop out as a neighborhood of pricey homes surrounded by less expensive properties:

    5.gif

    Thing 2: Constancy

    The dots never change size; a 10 pixel wide dot will always be a 10 pixel wide dot, regardless of how far zoomed in you get. So the very large yellow dot in the center of each of the following 6 views (in Tiburon is always the same house, regardless of zoom level:

    1.gif2.gif

    3.gif4.gif

    5.gif6.gif

    What this gets us is, primarily, context. So for any given view, it's very apparent how varied the price (in this view) of homes are. In this case, at a local level, there's some variance (the yellow is twice the size of the purple) but the yellow is dominant for a while—until we zoom out to include San Francisco where the Green Giant overwhelms the scene (and speaks to the incredible variance in house prices in that city).

    Thing 3: The Bigness

    The dots are bigger than they'd normally be in a more traditionally-looking structure like Polymaps' k-means clustering or Protovis' circle packing. This is partially to take a good look at the incredible disparity in real estate prices in the Bay Area. A view like the image below, of prices in El Grenada (near Moss Beach and Half Moon Bay) shows a very expensive house right in the same neighborhood as a group of much more moderately-priced homes.

    2.gif

    Or the ways in which the mansions of Los Altos and [Stanford] ride hard against the cheaper homes of East Palo Alto:

    3.gif

    Those overlapping concentric circles, with multiple places for sale at a single address? Those are condominiums in downtown San Francisco; and the wider the range of colors and sizes, the more diverse (financially) a building you're looking at:

    4.gif

    And So

    There's more; these views can be also sliced by age of the property and size, each of which allow for their own kinds of insights.

    Enjoy!