open-index/open-npm huggingface dataset:
npm package: @superset-custom-charts-test/plugin-chart-osm-map
Description: Plugin Chart Osm Map
Author: My Name
Latest version: 0.1.0

# plugin-chart-osm-map

This is the Plugin Chart Osm Map Superset Chart Plugin.

### Usage

To build the plugin, run the following commands:

```
npm ci
npm run build
```

Alternatively, to run the plugin in development mode (=rebuilding whenever changes are made), start the dev server with the following command:

```
npm run dev
```

To add the package to Superset, go to the `superset-frontend` subdirectory in your Superset source folder (assuming both the `plugin-chart-osm-map` plugin and `superset` repos are in the same root directory) and run
```
npm i -S ../../plugin-chart-osm-map
```

If your Superset plugin exists in the `superset-frontend` directory and you wish to resolve TypeScript errors about `@superset-ui/core` not being resolved correctly, add the following to your `tsconfig.json` file:

```
"references": [
  {
    "path": "../../packages/superset-ui-chart-controls"
  },
  {
    "path": "../../packages/superset-ui-core"
  }
]
```

You may also wish to add the following to the `include` array in `tsconfig.json` to make Superset types available to your plugin:

```
"../../types/**/*"
```

Finally, if you wish to ensure your plugin `tsconfig.json` is aligned with the root Superset project, you may add the following to your `tsconfig.json` file:

```
"extends": "../../tsconfig.json",
```

After this edit the `superset-frontend/src/visualizations/presets/MainPreset.js` and make the following changes:

```js
import { PluginChartOsmMap } from 'plugin-chart-osm-map';
```

to import the plugin and later add the following to the array that's passed to the `plugins` property:
```js
new PluginChartOsmMap().configure({ key: 'plugin-chart-osm-map' }),
```

After that the plugin should show up when you run Superset, e.g. the development server:

```
npm run dev-server
```
npm package: @superset-custom-plugins/plugin-chart-column-chart
Description: Superset Chart - Column Chart
Author: samanvaya-panda
Latest version: 0.2.0

## @superset-custom-plugin/plugin-chart-column-chart

### 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 ColumnChartPlugin from '@superset-custom-plugins/plugin-chart-column-chart';

new ColumnChartPlugin().configure({ key: 'column-chart' }).register();
```

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

### File structure generated

```
├── jest.config.base.js
├── jest.config.js
├── mannual
│   └── Column_Chart.md
├── package.json
├── package-lock.json
├── README.md
├── setupJest.js
├── src
│   ├── ColumnChart.tsx
│   ├── components
│   │   └── Echart.tsx
│   ├── constants.ts
│   ├── controls.tsx
│   ├── defaults.ts
│   ├── images
│   │   └── thumbnail.png
│   ├── index.ts
│   ├── plugin
│   │   ├── buildQuery.ts
│   │   ├── controlPanel.tsx
│   │   ├── index.ts
│   │   ├── transformProps.ts
│   │   └── types.ts
│   ├── types.ts
│   └── utils
│       ├── annotation.ts
│       ├── controls.ts
│       ├── prophet.ts
│       └── series.ts
├── test
│   ├── index.test.ts
│   └── plugin
│       ├── buildQuery.test.ts
│       └── transformProps.test.ts
├── tsconfig.json
└── types
    └── external.d.ts
```
npm package: @superset-custom-test/plugin-chart-custom-echarts
Description: Superset Custom Echarts Chart
Author: samanvaya-panda
Latest version: 0.2.3

## @superset-ui/plugin-chart-custom-echarts

This plugin provides Echarts viz plugins for Superset:

- Column Chart 
- SnakeyMultilabel Chart
- XY Chart
- Scatter Clustering Chart

### 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 {
 ColumnChartPlugin,
 SankeyMultilabelChartPlugin,
 XYChartPlugin,
 ScatterClusteringChartPlugin,
} from '@superset-ui/plugin-chart-custom-echarts';

new ColumnChartPlugin().configure({ key: 'column-chart' }).register();
new XYChartPlugin().configure({ key: 'xy-chart' }).register();
new SankeyMultilabelChartPlugin().configure({ key: 'sankey-multilabel' }).register();
new ScatterClusteringChartPlugin().configure({ key: 'scatter-clustering' }).register();
```

```js
<SuperChart
  chartType="column-chart"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
<SuperChart
  chartType="xy-chart"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
<SuperChart
  chartType="sankey-multilabel"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
<SuperChart
  chartType="scatter-clustering"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>

```
npm package: @superset-custom/chart-controls
Description: Superset UI control-utils
Author: Superset
Latest version: 0.18.27

<!--
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements.  See the NOTICE file
distributed with this work for additional information
regarding copyright ownership.  The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License.  You may obtain a copy of the License at

  http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied.  See the License for the
specific language governing permissions and limitations
under the License.
-->

## @superset-ui/chart-controls

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

Description

#### Example usage

```js
import { xxx } from '@superset-ui/chart-controls';
```

#### API

`fn(args)`

- Do something

### Development

`@data-ui/build-config` is used to manage the build configuration for this package including babel
builds, jest testing, eslint, and prettier.
npm package: @superset-custom/core
Description: Superset UI core
Author: Superset
Latest version: 0.18.27

<!--
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements.  See the NOTICE file
distributed with this work for additional information
regarding copyright ownership.  The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License.  You may obtain a copy of the License at

  http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied.  See the License for the
specific language governing permissions and limitations
under the License.
-->

## @superset-ui/core

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

Description

#### Example usage

```js
import { xxx } from '@superset-ui/core';
```

#### API

`fn(args)`

- TBD

### Development

`@data-ui/build-config` is used to manage the build configuration for this package including babel
builds, jest testing, eslint, and prettier.
npm package: @superset-custom/plugin-chart-bubble
Description: Superset Chart - Bubble
Author: MAF
Latest version: 0.0.5

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

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

This plugin provides Bubble 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 BubbleChartPlugin from '@superset-viz-plugins/plugin-chart-bubble';

new BubbleChartPlugin()
  .configure({ key: 'bubble' })
  .register();
```

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

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

### File structure generated

```
├── README.md
├── package.json
├── src
│   ├── Bubble.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-custom/plugin-chart-composed
Description: Superset Chart - Chart Composed
Latest version: 0.36.9

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

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

This plugin provides Composed for Superset.

(Storybook)[https://5fec4c81935a8c002151e85f-abrnxxsiuy.chromatic.com/?path=/docs/plugins-composed-chart-playground--bars]


### 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-viz-plugins/plugin-chart-composed';

new ComposedChartPlugin()
  .configure({ key: 'nielsen-oss-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="nielsen-oss-composed"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
```
npm package: @superset-custom/plugin-chart-custom-echarts
Description: Superset Custom Echarts Chart
Author: samanvaya-panda
Latest version: 0.2.5

## @superset-ui/plugin-chart-custom-echarts

This plugin provides Echarts viz plugins for Superset:

- Column Chart 
- SnakeyMultilabel Chart
- XY Chart
- Scatter Clustering Chart

### 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 {
 ColumnChartPlugin,
 SankeyMultilabelChartPlugin,
 XYChartPlugin,
 ScatterClusteringChartPlugin,
} from '@superset-ui/plugin-chart-custom-echarts';

new ColumnChartPlugin().configure({ key: 'column-chart' }).register();
new XYChartPlugin().configure({ key: 'xy-chart' }).register();
new SankeyMultilabelChartPlugin().configure({ key: 'sankey-multilabel' }).register();
new ScatterClusteringChartPlugin().configure({ key: 'scatter-clustering' }).register();
```

```js
<SuperChart
  chartType="column-chart"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
<SuperChart
  chartType="xy-chart"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
<SuperChart
  chartType="sankey-multilabel"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
<SuperChart
  chartType="scatter-clustering"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>

```
npm package: @superset-custom/plugin-chart-india-map
Description: Superset Chart - India Map
Author: samanvaya-panda
Latest version: 0.2.2

## @superset-ui/plugin-chart-india-map

This plugin provides map for India states and union-territories 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 IndiaMapChartPlugin from '@superset-ui/plugin-chart-india-map';

new IndiaMapChartPlugin().configure({ key: 'india-map' }).register();
```

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

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

[![Version](https://img.shields.io/npm/v/@superset-viz-plugins/plugin-chart-pie.svg?style=flat-square)](https://img.shields.io/npm/v/@superset-viz-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-viz-plugins/plugin-chart-donut-pie';

new DonutPieChartPlugin()
  .configure({ key: 'nielsen-oss-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="nielsen-oss-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-custom/plugin-chart-pivot-table
Description: Superset Chart - Pivot Table
Latest version: 0.14.3

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

[![Version](https://img.shields.io/npm/v/@superset-viz-plugins/plugin-chart-table-pivot.svg?style=flat-square)](https://img.shields.io/npm/v/@superset-viz-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-viz-plugin/plugin-chart-table-pivot';

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

```js
<SuperChart
  chartType="nielsen-oss-pivot-table"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
```
npm package: @superset-custom/plugin-chart-scatter-map
Description: Superset Chart - Scatter Map
Author: samanvaya-panda
Latest version: 0.2.3

## @superset-ui/legacy-plugin-chart-scatter-map

This plugin provides World Map for ploting scatter points in 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 ScatterMapChartPlugin from '@superset-ui/legacy-plugin-chart-scatter-map';

new ScatterMapChartPlugin().configure({ key: 'scatter-map' }).register();
```

```js
<SuperChart
  chartType="scatter-map"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
```
npm package: @superset-custom/plugin-chart-status
Description: Superset Chart - Status
Latest version: 0.4.4

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

[![Version](https://img.shields.io/npm/v/@superset-ui/plugin-chart-status.svg?style=flat-square)](https://img.shields.io/npm/v/@superset-ui/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/plugin-chart-status';

new StatusChartPlugin()
  .configure({ key: 'nielsen-oss-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="nielsen-oss-status"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
```
npm package: @superset-custom/plugin-chart-waterfall
Description: Superset Chart - Waterfall
Author: MAF
Latest version: 0.15.4

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

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

This plugin provides Waterfall 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 WaterfallChartPlugin from '@superset-viz-plugins/plugin-chart-waterfall';

new WaterfallChartPlugin()
  .configure({ key: 'nielsen-oss-waterfall' })
  .register();
```

```js
<SuperChart
  chartType="nielsen-oss-waterfall"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
```
npm package: @superset-plugin/plugin-chart-test
Description: Plugin Chart Test
Author: My Name
Latest version: 0.1.0

# plugin-chart-test

This is the Plugin Chart Test Superset Chart Plugin.

### Usage

To build the plugin, run the following commands:

```
npm ci
npm run build
```

Alternatively, to run the plugin in development mode (=rebuilding whenever changes are made), start the dev server with the following command:

```
npm run dev
```

To add the package to Superset, go to the `superset-frontend` subdirectory in your Superset source folder (assuming both the `plugin-chart-test` plugin and `superset` repos are in the same root directory) and run
```
npm i -S ../../plugin-chart-test
```

After this edit the `superset-frontend/src/visualizations/presets/MainPreset.js` and make the following changes:

```js
import { PluginChartTest } from 'plugin-chart-test';
```

to import the plugin and later add the following to the array that's passed to the `plugins` property:
```js
new PluginChartTest().configure({ key: 'plugin-chart-test' }),
```

After that the plugin should show up when you run Superset, e.g. the development server:

```
npm run dev-server
```
npm package: @superset-plugins-sm/superset-plugin-chart-hello-world
Description: Superset Plugin Chart Hello World
Author: My Name
Latest version: 1.0.0

# superset-plugin-chart-hello-world

This is the Superset Plugin Chart Hello World Superset Chart Plugin.

### Usage

To build the plugin, run the following commands:

```
npm ci
npm run build
```

Alternatively, to run the plugin in development mode (=rebuilding whenever changes are made), start the dev server with the following command:

```
npm run dev
```

To add the package to Superset, go to the `superset-frontend` subdirectory in your Superset source folder (assuming both the `superset-plugin-chart-hello-world` plugin and `superset` repos are in the same root directory) and run
```
npm i -S ../../superset-plugin-chart-hello-world
```

After this edit the `superset-frontend/src/visualizations/presets/MainPreset.js` and make the following changes:

```js
import { SupersetPluginChartHelloWorld } from 'superset-plugin-chart-hello-world';
```

to import the plugin and later add the following to the array that's passed to the `plugins` property:
```js
new SupersetPluginChartHelloWorld().configure({ key: 'superset-plugin-chart-hello-world' }),
```

After that the plugin should show up when you run Superset, e.g. the development server:

```
npm run dev-server
```