Provides tested, highly performant layers for data visualization, such as scatterplots, arcs, geometries defined in GeoJSON, etc...

npm install --save deck.gl

To learn how to use deck.gl through examples coming with the deck.gl repo, please clone the latest release branch.

git clone -b 5.1-release --single-branch https://github.com/uber/deck.gl.git

A very simple usage of deck.gl is showcased in the hello-world examples, using both webpack2 and browserify, so you can choose which setup you prefer or are more familiar with.

import DeckGL, {ArcLayer} from 'deck.gl';

const flights = new ArcLayer({
  id: 'flights',
  data: [] // Some flight points
});

<DeckGL width={1920} height={1080} layers={[flights]} />

You can also take a look at the docs website or browse directly the docs folder.

The master branch is the active development branch.

npm run bootstrap
npm test
npm start  # See note below

Note that npm start in the main directory actually runs examples/layer-browser.

Running deck.gl as a dependency in another project (e.g. via npm i deck.gl) requires Node 4.x or higher. Building deck.gl from source has a dependency on Node 8.x or higher. Either upgrade to a supported version, or install something like nvm to manage Node versions.

On macOS deck.gl uses yarn to manage packages. To develop deck.gl, install yarn with brew

brew update
brew install yarn

PRs and bug reports are welcome. Note that you once your PR is about to be merged, you will be asked to register as a contributor by filling in a short form.

SF OpenData

TLC Trip Record Data

Mapzen