A simple custom visualization for Metabase. Renders thumbs up or down depending on whether the value meets the threshold.
Requires Metabase >= 64 (built with @metabase/custom-viz 2.0).
The query must return a single numerical value (1 row and 1 column).
| Setting | Description |
|---|---|
| Threshold | When query result is greater or equal to this value, thumbs up will be rendered. |
npm install
npm run dev # watch build + preview
npm run build # compiles src/ → dist/, then packages it into a .tgznpm run build writes <name>-<version>.tgz to the project root. Upload that file in Admin → Custom visualizations → Add to register the plugin.
Packaging is done by the
metabase-custom-viz packcommand from the SDK. The archive containsmetabase-plugin.json(with the SDK version stamped in assdk.version) plus the build output (dist/index.jsand any whitelisteddist/assets/*).
npm run prettier # format
npm run type-check # tsc --noEmit