deck.gl

    8.5.0 • Public • Published

    deck.gl

    A WebGL2-powered, highly performant framework for large-scale data visualization.

    API Documentation

    docs

    Installation

    npm install deck.gl
    

    Using deck.gl

    deck.gl offers an extensive catalog of pre-packaged visualization "layers", including ScatterplotLayer, ArcLayer, TextLayer, GeoJsonLayer, etc. The input to a layer is usually an array of JSON objects. Each layer offers highly-flexible API to customize how the data should be rendered.

    Example constructing a deck.gl ScatterplotLayer:

    import {ScatterplotLayer} from '@deck.gl/layers';
    
    /**
     * data is an array of object in the shape of:
     * {
     *   "name":"Montgomery St. (MONT)",
     *   "address":"598 Market Street, San Francisco CA 94104",
     *   "entries":"43430",
     *   "exits":"45128",
     *   "coordinates":[-122.401407,37.789256]
     * }
     */
    const scatterplotLayer = new ScatterplotLayer({
      id: 'bart-stations',
      data: 'https://github.com/visgl/deck.gl-data/blob/master/website/bart-stations.json',
      getRadius: d => Math.sqrt(d.entries) / 100,
      getPosition: d => d.coordinates,
      getColor: [255, 228, 0],
    });

    Using deck.gl with React

    import DeckGL from 'deck.gl';
    
    <DeckGL width="100%" height="100%" longitude={-122.4} latitude={37.78} zoom={8} controller={true} layers={[scatterplotLayer]} />

    Using deck.gl with Pure JS

    import {Deck} from '@deck.gl/core';
    
    const deck = new Deck({
      container: document.body,
      width: '100vw',
      height: '100vh',
      longitude: -122.4,
      latitude: 37.78,
      zoom: 8,
      controller: true,
      layers: [scatterplotLayer]
    });

    Questions? Submit an issue on our GitHub page.

    Install

    npm i deck.gl

    DownloadsWeekly Downloads

    41,832

    Version

    8.5.0

    License

    MIT

    Unpacked Size

    5.3 MB

    Total Files

    10

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar