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 0.12 or higher. Either upgrade to a newest version, or install something like nvm.

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

Changelog

[v3.1.0-beta.11] -

NEW: GeoJsonLayer, PathLayer NEW: PolygonLayer with flat, extrusion and wireframe (5x faster than Choropleth) NEW: Support immutable geojson data in choropleth layers NEW: Add benchmarks for node and browser.js (#299) NEW: Lighting supported on polygon layer. New lighting shader module. FIX: FP64 math function improvement, bug fixes and speed FIX: Set Viewport project/unproject default to screen coordinates

• Main example refactored
• Shader tests as webpack
• 64bit layers as subclasses of 32 bit layers
• Choropleth Layers now in deprecated folder
• Remove lodash.flattendeep and geojson-normalize module dependencies