open-index/open-npm huggingface dataset:
npm package: @superset-ui-cust-chart/plugin-chart-tt-ch
Description: Superset Chart - Tt Ch
Author: Superset
Latest version: 0.0.1

## @superset-ui/plugin-chart-tt-ch

[![Version](https://img.shields.io/npm/v/@superset-ui/plugin-chart-tt-ch.svg?style=flat-square)](https://www.npmjs.com/package/@superset-ui/plugin-chart-tt-ch)

This plugin provides Tt Ch for Superset.

### Usage

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 TtChChartPlugin from '@superset-ui/plugin-chart-tt-ch';

new TtChChartPlugin()
  .configure({ key: 'tt-ch' })
  .register();
```

Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/superset-ui/?selectedKind=plugin-chart-tt-ch) for more details.

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

### File structure generated

```
├── package.json
├── README.md
├── tsconfig.json
├── src
│   ├── TtCh.tsx
│   ├── images
│   │   └── thumbnail.png
│   ├── index.ts
│   ├── plugin
│   │   ├── buildQuery.ts
│   │   ├── controlPanel.ts
│   │   ├── index.ts
│   │   └── transformProps.ts
│   └── types.ts
├── test
│   └── index.test.ts
└── types
    └── external.d.ts
```
npm package: @superset-ui-dna/legacy-plugin-sample
Description: Superset DnA Legacy Sample
Author: Superset
Latest version: 0.0.21

## @superset-ui/legacy-plugin-chart-table

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

This plugin provides Table for Superset.

### Usage

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 TableChartPlugin from '@superset-ui/legacy-plugin-chart-table';

new TableChartPlugin()
  .configure({ key: 'table' })
  .register();
```

Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/superset-ui-plugins/?selectedKind=plugin-chart-table) for more details.

```js
<SuperChart
  chartType="table"
  width={600}
  height={600}
  formData={...}
  queryData={{
    data: {...},
  }}
/>
```
npm package: @superset-ui-mk/plugin-chart-hello-world
Description: Superset Chart - Hello World
Author: MK
Latest version: 0.0.4

## @superset-ui/plugin-chart-hello-world

[![Version](https://img.shields.io/npm/v/@superset-ui/plugin-chart-hello-world.svg?style=flat-square)](https://www.npmjs.com/package/@superset-ui/plugin-chart-hello-world)

This plugin provides Hello World for Superset.

### Usage

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 HelloWorldChartPlugin from '@superset-ui/plugin-chart-hello-world';

new HelloWorldChartPlugin().configure({ key: 'hello-world' }).register();
```

Then use it via `SuperChart`. See
[storybook](https://apache-superset.github.io/superset-ui/?selectedKind=plugin-chart-hello-world)
for more details.

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

### File structure generated

```
├── package.json
├── README.md
├── tsconfig.json
├── src
│   ├── HelloWorld.tsx
│   ├── images
│   │   └── thumbnail.png
│   ├── index.ts
│   ├── plugin
│   │   ├── buildQuery.ts
│   │   ├── controlPanel.ts
│   │   ├── index.ts
│   │   └── transformProps.ts
│   └── types.ts
├── test
│   └── index.test.ts
└── types
    └── external.d.ts
```
npm package: @superset-ui-mk/plugin-chart-plotly-pie
Description: Superset Chart - Plotly Pie
Author: MK
Latest version: 0.0.0

## @superset-ui/plugin-chart-plotly-pie

[![Version](https://img.shields.io/npm/v/@superset-ui/plugin-chart-plotly-pie.svg?style=flat-square)](https://www.npmjs.com/package/@superset-ui/plugin-chart-plotly-pie)

This plugin provides Plotly Pie for Superset.

### Usage

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 PlotlyPieChartPlugin from '@superset-ui/plugin-chart-plotly-pie';

new PlotlyPieChartPlugin().configure({ key: 'plotly-pie' }).register();
```

Then use it via `SuperChart`. See
[storybook](https://apache-superset.github.io/superset-ui/?selectedKind=plugin-chart-plotly-pie) for
more details.

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

### File structure generated

```
├── package.json
├── README.md
├── tsconfig.json
├── src
│   ├── PlotlyPie.tsx
│   ├── images
│   │   └── thumbnail.png
│   ├── index.ts
│   ├── plugin
│   │   ├── buildQuery.ts
│   │   ├── controlPanel.ts
│   │   ├── index.ts
│   │   └── transformProps.ts
│   └── types.ts
├── test
│   └── index.test.ts
└── types
    └── external.d.ts
```
npm package: @superset-ui-plugins/plugin-chart-composed
Description: Superset Chart - Chart Composed
Latest version: 0.23.0

## @superset-viz-plugins/plugin-chart-composed

[![Version](https://img.shields.io/npm/v/@superset-ui-plugins/plugin-chart-composed.svg?style=flat-square)](https://img.shields.io/npm/v/@superset-ui-plugins/plugin-chart-composed.svg?style=flat-square)

This plugin provides Composed for Superset.

### Usage

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 ComposedChartPlugin from '@superset-ui-plugins/plugin-chart-composed';

new ComposedChartPlugin()
  .configure({ key: 'berdiyev-composed' })
  .register();
```

Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/superset-ui/?selectedKind=plugin-chart-composed) for more details.

```js
<SuperChart
  chartType="berdiyev-composed"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
```
npm package: @superset-ui-plugins/plugin-chart-pie
Description: Superset Chart - Pie
Latest version: 0.8.0

## @superset-viz-plugins/plugin-chart-pie

[![Version](https://img.shields.io/npm/v/@superset-ui-plugins/plugin-chart-pie.svg?style=flat-square)](https://img.shields.io/npm/v/@superset-ui-plugins/plugin-chart-pie.svg?style=flat-square)

This plugin provides Pie for Superset.

### Usage

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 DonutPieChartPlugin from '@superset-ui-plugins/plugin-chart-donut-pie';

new DonutPieChartPlugin()
  .configure({ key: 'berdiyev-pie' })
  .register();
```

Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/superset-ui/?selectedKind=plugin-chart-pie) for more details.

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

### File structure generated

```
├── README.md
├── package.json
├── src
│   ├── DonutPie.tsx
│   ├── images
│   │   └── thumbnail.png
│   ├── index.ts
│   ├── plugin
│   │   ├── buildQuery.ts
│   │   ├── controlPanel.ts
│   │   ├── index.ts
│   │   └── transformProps.ts
│   └── types.ts
├── test
│   └── index.test.ts
└── types
    └── external.d.ts
```
npm package: @superset-ui-plugins/plugin-chart-pivot-table
Description: Superset Chart - Pivot Table
Latest version: 0.12.4

## @superset-ui-plugins/plugin-chart-table-pivot

[![Version](https://img.shields.io/npm/v/@superset-ui-plugins/plugin-chart-table-pivot.svg?style=flat-square)](https://img.shields.io/npm/v/@superset-ui-plugins/plugin-chart-table-pivot-new.svg?style=flat-square)

This plugin provides Table Pivot New for Superset.

### Usage

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 TablePivotNewChartPlugin from '@superset-ui-plugin/plugin-chart-table-pivot';

new TablePivotNewChartPlugin()
  .configure({ key: 'berdiyev-table-pivot' })
  .register();
```

```js
<SuperChart
  chartType="berdiyev-pivot-table"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
```
npm package: @superset-ui-plugins/plugin-chart-status
Description: Superset Chart - Status
Latest version: 0.2.0

## @superset-viz-plugins/plugin-chart-status

[![Version](https://img.shields.io/npm/v/@superset-ui-plugins/plugin-chart-status.svg?style=flat-square)](https://img.shields.io/npm/v/@superset-ui-plugins/plugin-chart-status.svg?style=flat-square)

This plugin provides Status for Superset.

### Usage

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 StatusChartPlugin from '@superset-ui-plugins/plugin-chart-status';

new StatusChartPlugin()
  .configure({ key: 'berdiyev-status' })
  .register();
```

Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/superset-ui/?selectedKind=plugin-chart-status) for more details.

```js
<SuperChart
  chartType="berdiyev-status"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
```
npm package: @superset-ui-uptime/legacy-plugin-chart-iframe
Description: Superset Legacy Chart - Iframe
Author: Superset
Latest version: 0.14.9-b

## @superset-ui/legacy-plugin-chart-iframe

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

This plugin provides Iframe for Superset.

### Usage

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 IframeChartPlugin from '@superset-ui/legacy-plugin-chart-iframe';

new IframeChartPlugin()
  .configure({ key: 'iframe' })
  .register();
```

Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/superset-ui-plugins/?selectedKind=plugin-chart-iframe) for more details.

```js
<SuperChart
  chartType="iframe"
  width={600}
  height={600}
  formData={...}
  queryData={{
    data: {...},
  }}
/>
```
npm package: @superset-ui-uptime/legacy-plugin-chart-pivot-table
Description: Superset Legacy Chart - Pivot Table
Author: Superset
Latest version: 0.14.14

## @superset-ui/legacy-plugin-chart-pivot-table

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

This plugin provides Pivot Table for Superset.

### Usage

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 PivottableChartPlugin from '@superset-ui/legacy-plugin-chart-pivot-table';

new PivottableChartPlugin()
  .configure({ key: 'pivot-table' })
  .register();
```

Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/superset-ui-plugins/?selectedKind=plugin-chart-pivot-table) for more details.

```js
<SuperChart
  chartType="pivot-table"
  width={600}
  height={600}
  formData={...}
  queryData={{
    data: {...},
  }}
/>
```
npm package: @superset-ui-uptime/legacy-plugin-chart-sankey
Description: Superset Legacy Chart - Sankey Diagram
Author: Superset
Latest version: 0.14.11

## @superset-ui/legacy-plugin-chart-sankey

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

This plugin provides Sankey Diagram for Superset.

### Usage

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 SankeyChartPlugin from '@superset-ui/legacy-plugin-chart-sankey';

new SankeyChartPlugin()
  .configure({ key: 'sankey' })
  .register();
```

Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/superset-ui-plugins/?selectedKind=plugin-chart-sankey) for more details.

```js
<SuperChart
  chartType="sankey"
  width={600}
  height={600}
  formData={...}
  queryData={{
    data: {...},
  }}
/>
```
npm package: @superset-ui-uptime/legacy-preset-chart-big-number
Description: Superset Legacy Chart - Big Number
Author: Superset
Latest version: 0.14.9-c

## @superset-ui/legacy-preset-chart-big-number

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

This plugin provides Big Number for Superset.

### Usage

Import the preset and register. This will register the `BigNumber` and `BigNumberTotal` charts with key `big-number` and `big-number-total`, respectively.

```js
import { BigNumberChartPreset } from '@superset-ui/legacy-preset-chart-big-number';

new BigNumberChartPreset().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 { BigNumberChartPlugin, BigNumberTotalChartPlugin } from '@superset-ui/legacy-preset-chart-big-number';

new BigNumberChartPlugin()
  .configure({ key: 'big-number' })
  .register();
new BigNumberTotalChartPlugin()
  .configure({ key: 'big-number-total' })
  .register();
```

Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/superset-ui-plugins/?selectedKind=plugin-chart-big-number) for more details.

```js
<SuperChart
  chartType="big-number"
  width={600}
  height={600}
  formData={...}
  queryData={{
    data: {...},
  }}
/>
```
npm package: @superset-ui-uptime/legacy-preset-chart-nvd3
Description: Superset Legacy Chart - NVD3
Author: Superset
Latest version: 0.14.17-c

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

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

This plugin provides Big Number for Superset.

### Usage

Import the preset and register. This will register all the chart plugins under nvd3.

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

new NVD3ChartPreset().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 { AreaChartPlugin, LineChartPlugin } from '@superset-ui/legacy-preset-chart-nvd3';

new AreaChartPlugin()
  .configure({ key: 'area' })
  .register();
new LineChartPlugin()
  .configure({ key: 'line' })
  .register();
```

Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/superset-ui-plugins/?selectedKind=plugin-chart-nvd3) for more details.

```js
<SuperChart
  chartType="line"
  width={600}
  height={600}
  formData={...}
  queryData={{
    data: {...},
  }}
/>
```
npm package: @superset-ui-uptime/plugin-chart-table
Description: Superset Chart - Table
Author: Superset
Latest version: 0.14.16-f

## @superset-ui/plugin-chart-table

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

This plugin provides Table chart for Superset.

### Usage

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 TableChartPlugin from '@superset-ui/plugin-chart-table';

new TableChartPlugin().configure({ key: 'table' }).register();
```

Then use it via `SuperChart`. See
[storybook](https://apache-superset.github.io/superset-ui-plugins/?selectedKind=plugin-chart-table)
for more details.

```js
<SuperChart
  chartType="table"
  width={600}
  height={600}
  formData={...}
  queryData={{
    data: {...},
  }}
/>
```