Use these links to begin your Tangram journey.

Tutorials

Custom Styles Tutorial – learn three ways to create a custom style in Tangram.

Editing Basemaps – learn how to customize a Mapzen house style.

Demos

Introductory

  • simple-demo - The simplest possible Tangram setup.
  • generic-demo - A typical generic Tangram setup for inhouse use

Styling

Data Filtering

  • filters-demo - filtering data with stylesheet filters, geometry filters, and shader filters
  • road-filters-demo - filtering data with the stylesheet
  • explorer - exploring our vector datasource

Interactivity

Shaders

Advanced Demos

Third-Party Examples

New York Times: How North Carolina Voted

Reuters: Lead Map

Boston Globe: Snow Map

LA Times: breaking news

Washington Post: Election Opposites Map