deck.gl

deck.gl | Docs

A WebGL overlay suite for React providing a set of highly performant data visualization overlays

Provides tested, highly performant layers for data visualization use cases, such as scatterplots, choropleths etc in 2 and 3 dimensions.

npm install --save deck.gl

Example

import DeckGL from 'deck.gl/react';
import {ArcLayer} from 'deck.gl';

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

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

A very simple usage of deck.gl is showcased in the exhibits directory, using both webpack and browserify, so you can choose which setup you prefer or are more familiar with.

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

Developing

npm install
npm test
npm start

Node Version Requirement

Building deck.gl from source has a dependency on node 4.0 or higher. Either upgrade to a newest version, or install something like nvm.

Install yarn

On macOS deck.gl uses [yarn] (https://www.npmjs.com/package/yarn) to manage packages. To develop deck.gl, [install yarn] (https://yarnpkg.com/en/docs/install) with brew

brew update
brew install yarn

Contributing

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

Data sources

SF OpenData

TLC Trip Record Data

Mapzen