deck.gl

WebGL2 powered visualization framework

README

version build downloads Coverage Status

deck.gl | Website

WebGL2-powered, highly performant large-scale data visualization
docs


deck.gl is designed to simplify high-performance, WebGL-based visualization of large data sets. Users can quickly get impressive visual results with minimal effort by composing existing layers, or leverage deck.gl's extensible architecture to address custom needs.

deck.gl maps data (usually an array of JSON objects) into a stack of visual layers - e.g. icons, polygons, texts; and look at them with views: e.g. map, first-person, orthographic.

deck.gl handles a number of challenges out of the box:

Performant rendering and updating of large data sets
Interactive event handling such as picking, highlighting and filtering
Cartographic projections and integration with major basemap providers
A catalog of proven, well-tested layers

Deck.gl is designed to be highly customizable. All layers come with flexible APIs to allow programmatic control of each aspect of the rendering. All core classes such are easily extendable by the users to address custom use cases.

Flavors


Script Tag


  1. ``` html
  2. <script src="https://unpkg.com/deck.gl@latest/dist.min.js"></script>
  3. ```


NPM Module


  1. ``` sh
  2. npm install deck.gl
  3. ```

Pure JS



React



Python


  1. ``` sh
  2. pip install pydeck
  3. ```


Third-Party Goodies


- deckgl-typings (Typescript)
- mapdeck (R)
- deck.gl-raster (Computation on rasters)

Learning Resources


API documentation for the latest release
Website demos with links to source

Contributing


deck.gl is part of vis.gl, an OpenJS Foundation project. Read the contribution guidelines if you are interested in contributing.


Attributions


Data sources


Data sources are listed in each example.


The deck.gl project is supported by


BrowserStack