# @unionedev/plugin-chart-my-viz

> Superset Chart - My Viz

Latest version **0.0.1** (published 2022-11-10) · MIT license · 0 weekly downloads

## Install

```sh
npm install @unionedev/plugin-chart-my-viz
pnpm add @unionedev/plugin-chart-my-viz
yarn add @unionedev/plugin-chart-my-viz
bun add @unionedev/plugin-chart-my-viz
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2022-11-10 |
| First published | 2022-11-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 48.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 354 |
| Author | Superset |
| Maintainers | shhhowtime |
| Keywords | superset |

## Links

- npm: https://www.npmjs.com/package/@unionedev/plugin-chart-my-viz
- Repository: https://github.com/apache-superset/superset-ui
- Homepage: https://github.com/apache-superset/superset-ui#readme
- Issues: https://github.com/apache-superset/superset-ui/issues
- npm.io page: https://npm.io/package/@unionedev/plugin-chart-my-viz

## Dependencies (2)

- [@superset-ui/core](https://npm.io/package/@superset-ui/core.md) ^0.17.40
- [@superset-ui/chart-controls](https://npm.io/package/@superset-ui/chart-controls.md) ^0.17.41

## Recent versions

- 0.0.1 (latest) — 2022-11-10

## README

## @superset-ui/plugin-chart-my-viz

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

This plugin provides My Viz 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 MyVizChartPlugin from '@superset-ui/plugin-chart-my-viz';

new MyVizChartPlugin()
  .configure({ key: 'my-viz' })
  .register();
```

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

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

### File structure generated

```
├── package.json
├── README.md
├── tsconfig.json
├── src
│   ├── MyViz.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
```

---
_Source: https://npm.io/package/@unionedev/plugin-chart-my-viz · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._