WebGL2 powered geospatial visualization layers
JavaScript CSS Other
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
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 RFC: @deck.gl/json module updates (#2187) Aug 13, 2018
docs Contour stroke width (#2193) Aug 16, 2018
examples Contour stroke width (#2193) Aug 16, 2018
modules Contour stroke width (#2193) Aug 16, 2018
scripts Improve linting script (#2148) Aug 2, 2018
showcases Fix Transform export, bump luma.gl version (#2170) Aug 8, 2018
test Contour stroke width (#2193) Aug 16, 2018
website Contour stroke width (#2193) Aug 16, 2018
.babelrc Fix standalone bundle inline version (#1746) Apr 26, 2018
.eslintignore Publish standalone bundle with the main package (#1671) Apr 9, 2018
.eslintrc View Manager cleanup (#1864) Jun 1, 2018
.gitattributes Introduce babel 7 (#1636) Apr 4, 2018
.gitignore Minimal example of mapbox custom layers integration (#2134) Jul 31, 2018
.markdownlintrc Documentation Formats (#1722) Apr 20, 2018
.prettierignore Publish standalone bundle with the main package (#1671) Apr 9, 2018
.prettierrc Add prettier (#1249) Dec 19, 2017
.travis.yml Add node 10 to travis (#1898) Jun 8, 2018
CHANGELOG.md Update Changelog and lerna version for 6.1 alpha-1 releases Aug 1, 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 Doc fixes: colorRange and Readme.md (#2172) Aug 10, 2018
aliases.js split core-layers into own module (#1796) May 11, 2018
docker-compose.yml Use buildkite and docker for CI Dec 4, 2017
lerna.json v6.1.0-alpha.2 Aug 8, 2018
package.json Lock prettier and prettier-check versions (#1949) Jun 21, 2018
yarn.lock Add more .json examples (#2184) Aug 11, 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 deck.gl applicaiton 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 coming with the deck.gl repo, please clone the latest release branch. git clone -b 6.0-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.