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.

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:

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:

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