Skip to content

metabase/custom-viz-thumbs

Repository files navigation

@metabase/custom-viz-thumbs

Build Type Check Prettier

A simple custom visualization for Metabase. Renders thumbs up or down depending on whether the value meets the threshold.

Requires Metabase >= 62.

thumbs

Data requirements

The query must return a single numerical value (1 row and 1 column).

Settings

Setting Description
Threshold When query result is greater or equal to this value, thumbs up will be rendered.

Development

npm install
npm run dev         # watch build + preview
npm run build       # compiles src/ → dist/, then packages it into a .tgz

npm run build writes <name>-<version>.tgz to the project root. Upload that file in Admin → Custom visualizations → Add to register the plugin.

The packaged archive contains metabase-plugin.json plus the build output (dist/index.js and any whitelisted dist/assets/*).

Other scripts

npm run prettier    # format
npm run type-check  # tsc --noEmit

About

A simple custom visualization for Metabase. Renders thumbs up or down depending on whether the value meets the threshold.

Resources

License

Stars

Watchers

Forks

Contributors