# tangram-sandbox

**Repository Path**: mirrors_tangrams/tangram-sandbox

## Basic Information

- **Project Name**: tangram-sandbox
- **Description**: Pushing the limits of Tangram
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: gh-pages
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-26
- **Last Updated**: 2025-12-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Tangram Sandbox

Pushing the limits of how 3D maps can look like on [Tangram.js](https://github.com/tangrams/tangram) by [Patricio Gonzalez Vivo](https://twitter.com/patriciogv) at [Mapzen](https://mapzen.com/).

live example at [tangram-sandbox/tangram.html](http://tangrams.github.io/tangram-sandbox/tangram.html)

## Elevation raster tiles
[ ![](https://tangrams.github.io/tangram-sandbox/styles/elevation.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/elevation#10.97291/40.7461/-74.0931)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/elevation-ramp.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/elevation-ramp#10.97291/40.7461/-74.0931)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/elevation-stripes.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/elevation-stripes#10.97291/40.7461/-74.0931)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/elevation-puyehue.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/elevation-puyehue.yaml#6.911187391391961/-38.361/-66.853)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/elevation-places.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/elevation-places.yaml#6.911187391391961/-38.361/-66.853)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/elevation-trip.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/elevation-trip.yaml#4.790831173952894/36.625/-97.198)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/callejas.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/callejas#16.575/40.70321/-74.00666)


## Procedural generated textures
[ ![](https://tangrams.github.io/tangram-sandbox/styles/grain.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/grain#16.575/40.70321/-74.00666)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/grain-area.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/grain-area#16.575/40.70321/-74.00666)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/grain-roads.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/grain-roads#16.575/40.70321/-74.00666)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/gotham.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/gotham#16.575/40.70321/-74.00666)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/tilt-gotham.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/tilt-gotham#16.575/40.70321/-74.00666)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/oblivion.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/oblivion#16.575/40.70321/-74.00666)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/ikeda.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/ikeda#16.575/40.70321/-74.00666)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/tilt-ikeda.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/tilt-ikeda#16.575/40.70321/-74.00666)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/9845C.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/9845C#10.97291/40.7461/-74.0931)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/matrix.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/matrix#18.4/40.71310/-74.00599)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/tilt-matrix.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/tilt-matrix#18.4/40.71310/-74.00599)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/tilt.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/tilt#16.575/40.70321/-74.00666)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/tron.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/tron#16.975/40.70411/-74.00930)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/tilt-tron.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/tilt-tron#16.975/40.70411/-74.00930)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/blueprint.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/blueprint#16.575/40.70321/-74.00666)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/lego.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/lego#19/40.70533/-74.00975)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/tilt-lego.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/tilt-lego#19/40.70533/-74.00975)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/patterns.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/patterns#17.375/40.70361/-74.01181)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/press.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/press#10.97291/40.7461/-74.0931)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/radar.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/radar#10.97291/40.7461/-74.0931)


## Hand drawn styles
[ ![](https://tangrams.github.io/tangram-sandbox/styles/pericoli.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/pericoli#17.575/40.70495/-74.00486)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/tilt-pericoli.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/tilt-pericoli#17.575/40.70495/-74.00486)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/crosshatch.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/crosshatch#17.575/40.70495/-74.00486)

## First Materials, Lights & Textures demos
[ ![](https://tangrams.github.io/tangram-sandbox/styles/specular-dust.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/specular-dust#17.175/40.70431/-74.01046)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/nursery.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/nursery#19.825/40.70688/-74.01136)
[ ![](https://tangrams.github.io/tangram-sandbox/styles/sandbox.png) ](https://tangrams.github.io/tangram-sandbox/tangram.html?styles/sandbox#17.675/40.70507/-74.00552)