WebGL2 powered geospatial visualization layers
Switch branches/tags
Clone or download
Failed to load latest commit information.
.buildkite Update buildkite queue information (#1309) Jan 10, 2018
.github Update issue_template.md Jun 4, 2018
dev-docs Add generic layer prop animation RFC (#2320) Oct 4, 2018
docs Fix upgrade guide (#2352) Oct 13, 2018
examples fix over exposure in geojson example (#2353) Oct 15, 2018
modules Bump luma dep to 6.2.0 Oct 12, 2018
scripts Fix website dependency issue (#2347) Oct 9, 2018
showcases Generate delaunay traingulation textures using textures Transform API ( Oct 9, 2018
test fix over exposure in geojson example (#2353) Oct 15, 2018
website Fix website dependency issue (#2347) Oct 9, 2018
.babelrc Update babel (#2189) Aug 20, 2018
.eslintignore Fix Browser Test (#2308) Sep 25, 2018
.eslintrc View Manager cleanup (#1864) Jun 1, 2018
.gitattributes Introduce babel 7 (#1636) Apr 4, 2018
.gitignore Handle GeoJSON GeometryCollection (#2280) Sep 19, 2018
.markdownlintrc Documentation Formats (#1722) Apr 20, 2018
.prettierignore Safari fixes (#2244) Aug 29, 2018
.prettierrc Add prettier (#1249) Dec 19, 2017
.travis.yml Add node 10 to travis (#1898) Jun 8, 2018
CHANGELOG.md Clean up changelog (#2338) Oct 8, 2018
Dockerfile Use buildkite and docker for CI Dec 4, 2017
LICENSE Add and clean up copyright notice for all our hard work (#520) Mar 31, 2017
README.md Update README.md Oct 9, 2018
aliases.js Mapbox Custom Layers + Example w. deck/mapbox layer interleaving (#2264) Sep 19, 2018
docker-compose.yml Use buildkite and docker for CI Dec 4, 2017
lerna.json v6.1.0 Sep 7, 2018
package.json Add tests for project vertex shader functions (#2273) Sep 17, 2018
yarn.lock Bump luma dep to 6.2.0 Oct 12, 2018


version build downloads stars Coverage Status

deck.gl | Docs

A suite of WebGL2-powered data visualization layers


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

deck.gl has extensive documentation, please refer to the docs website or browse it directly in the github docs folder.

Using deck.gl

deck.gl can be used through its standard JavaScript API (available both as installable npm modules as well as a "script" file for use in scripting setups). However, if you are using React you will likely want to use the provided React integration. Again, consult the extensive documentation for more details on how to access what you need.


To get a quick feel for what a deck.gl application's source code might look like, say the application has some data representing flights with start and end positions for each item. If it wanted to display this data as a set of arcs it would simply import and render a deck.gl ArcLayer:

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

const flights = new ArcLayer({
  data: [] // Some flight points,

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

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

To learn how to use deck.gl through the many examples that come with the deck.gl repo, please clone the latest release branch. git clone -b 6.2-release --single-branch https://github.com/uber/deck.gl.git

For the most up-to-date information, see our docs


PRs and bug reports are welcome, and we are actively opening up the deck.gl roadmap to facilitate for external contributors.

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.

Data sources

Data sources are listed in each example.