open-index/open-npm huggingface dataset:
npm package: @stormcloud-iq/switchdin-dial
Description: Switchdin Dial
Author: Bailey Clark
Latest version: 0.2.0

# switchdin-superset-dial

This is the Dial Plugin for Superset. It uses ECharts to make an animated dial around a number. 
Developed by Bailey primarily as a test attempt for learning how to develop and insert visulaisations into superset.
![Thumbnail](./src/images/thumbnail.png)

### Local 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 `switchdin-superset-dial` plugin and `superset` repos are in the same root directory) and run
```
npm i -S ../../switchdin-superset-dial
```

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

```js
import { SwitchdinSupersetDial } from 'switchdin-superset-dial';
```

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

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

```
npm run dev-server
```
npm package: @stormcloud-iq/switchdin-richimage
Description: Switchdin Richimage
Author: My Name
Latest version: 0.1.0

# switchdin-richimage

This is the Switchdin Richimage 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 `switchdin-richimage` plugin and `superset` repos are in the same root directory) and run
```
npm i -S ../../switchdin-richimage
```

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

```js
import { SwitchdinRichimage } from 'switchdin-richimage';
```

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

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

```
npm run dev-server
```