It’s one of many flashy design demos available on the new customizable map animation engine Tangram.

For the casual map fan, Mapzen’s new suite of animated global maps are sweet, delicious eye-candy. And for the developer or map-maker, they hint at cartographic possibilities hardly available until now.

Tangram is a map-making engine that allows users to create multi-dimensional, animated maps for free. It combines Mapzen’s new vector tile service, which chops up OpenStreetMap data into easily processed chunks, and WebGL, a fancy graphics renderer, to allow “real-time map design, display, and interactivity,” according to the Mapzen website. Peter Richardson, a Tangram developer, expands in an email:

All of these things together produce effects you'd normally only see in video games, data visualization, or VFX. The Tangram team is made up of representatives from all of these industries, and we're used to a certain level of control over graphics which hasn't been readily available in the map world, so we've been working to fix that.
To give a sense of what developers and cartographers can do with Tangram, Richardson and his team created a number of demos. Ever wondered what your city might look like after Neo takes the red pill? How about if it were stacked together with Legos? Permanently encrusted in glitter? Street grid turned Tron grid? Mapzen’s got those layers and more. (CityLab wrote about Mapzen’s Tron map in late March, after it had accidentally leaked.)

Richardson stresses that these effects aren’t necessarily intended for re-use; rather, they’re meant to inspire creativity with Tangram’s unprecedented level of interactive map-making control and flexibility. Still, even if you’re not about to sign up for Mapzen’s services, the imaginative maps are still plenty of fun to play with. There’s no location-search functionality on these embedded maps, but follow there is on the main Tangram page.

About the Author

Most Popular

  1. a photo collage of 2020 presidential candidates.
    Equity

    Will Housing Swing the 2020 Election?

    Among Democratic candidates for president, the politics of America’s housing affordability crisis are getting complicated. Just wait until Trump barges in.

  2. A photo of an abandoned building in Newark, New Jersey.
    Equity

    The 10 Cities Getting a Philanthropic Boost for Economic Mobility

    An initiative funded by Bloomberg Philanthropies, the Bill & Melinda Gates Foundation, and Ballmer Group focuses on building “pipelines of opportunity.”

  3. a photo of Denver city council member Candi CdeBaca
    Transportation

    A Freeway Fight Launched Denver’s New Queer Latina Councilmember

    In a progressive shake-up, 32-year-old community organizer Candi CdeBaca will take her advocacy work to the city council.  

  4. A person tapes an eviction notice to the door of an apartment.
    Equity

    Why Landlords File for Eviction (Hint: It’s Usually Not to Evict)

    Most of the time, a new study finds, landlords file for eviction because it tilts the power dynamic in their favor—not because they want to eject their tenants.

  5. At an NBA game, a player attempts to block a player from the rival team who has the ball.
    Life

    NBA Free Agents Cluster in Superstar Cities, Too

    Pro basketball follows the winner-take-all geography of America as a whole, with free agents gravitating to New York, L.A., and other big cities.

×