open-index/open-npm huggingface dataset:
npm package: @scs_org/legacy-preset-chart-deckgl
Description: Superset Legacy Chart - deck.gl
Author: Superset
Latest version: 0.4.24

## @superset-ui/legacy-preset-chart-deckgl

[![Version](https://img.shields.io/npm/v/@superset-ui/legacy-preset-chart-deckgl.svg?style=flat-square)](https://img.shields.io/npm/v/@superset-ui/legacy-preset-chart-deckgl.svg?style=flat-square)
[![David (path)](https://img.shields.io/david/apache-superset/superset-ui-plugins.svg?path=packages%2Fsuperset-ui-legacy-preset-chart-deckgl&style=flat-square)](https://david-dm.org/apache-superset/superset-ui-plugins?path=packages/superset-ui-legacy-preset-chart-deckgl)

This plugin provides `deck.gl` for Superset.

### Usage

Import the preset and register. This will register all the chart plugins under `deck.gl`.

```js
import { DeckGLChartPreset } from '@superset-ui/legacy-preset-chart-deckgl';

new DeckGLChartPreset().register();
```

or register charts one by one. Configure `key`, which can be any `string`, and register the plugin. This `key` will be used to lookup this chart throughout the app.

```js
import { ArcChartPlugin } from '@superset-ui/legacy-preset-chart-deckgl';

new ArcChartPlugin()
  .configure({ key: 'deck_arc' })
  .register();
```

Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/superset-ui-plugins-deckgl) for more details.

```js
<SuperChart
  chartType="deck_arc"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
```