Skip to content

A Google Chrome extension that allows users to click on any image in a Metabase table to resize them.

License

Notifications You must be signed in to change notification settings

logmeals/metabase-image-resizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Your Image Alt Text Metabase Image Resizer Version 1.0.0

A Google Chrome extension that allows you to:

  • Enlarge the images in a Metabase Question by clicking them
  • Click an image again to toggle it's size back to default (30px tall)
  • Customize the size that images enlarge to by adjusting the multiplier in our plugin GUI

This is helpful when users/customers submit photo data that you want to analyze directly in Metabase, rather than having to create a third-party app for this.

Some examples

  • On a "User signups" question for a SaaS app, using this plugin to enlarge and view user avatars, and moderate against AI/fake avatars
  • On a "Latest meals added" question for a calorie counter app, using this plugin to enlarge and view the latest photos submitted by users
  • On a "Latest deliveries" question for a logistics app, using this plugin to view Proof of delivery photos provided by couriers

Before using:

By default, this plugin only works on Official Cloud-Hosted Metabase Dashboards using a .metabaseapp.com URL.

Unfortunately due to Google Chrome Plugin API restrictions, I'm not able to include permissions for this app to work on your self-hosted Metabase or any Metabase using a custom domain.

Fortunately, you can white-list your domain easily by running:

  1. First, clone this project locally, and CD to the project's root directory
  2. Next, run npm run add-domain "metabase.example.com" inside your local shell
  3. Next, open Google Chrome, and visit (chrome://extensions)[chrome://extensions]
  4. Enable Developer mode in the top-right hand corner (if it's not already enabled)
  5. Now, click the new "Load unpacked" button in the top-left hand corner, and select the project folder
  6. That's it. Enjoy your new plugin!

PS, Need to share your plugin with coworkers/colleagues? I recommend installing it on their behalf, or sending them your project directory ready for install, along with instructions 3-6.

Credits

Built and maintained by Jim Bisenius with the support of 365, GPT-AI Calorie Counter.

For now, most of the code has been written by Chat GPT-4 🙏 with small revisions where necessary, and has only been tested at small-scale. If you see any bugs, let me know!

Appreciate this plugin? We don't accept donations, but the most helpful things you could do for us is downloading and trying our app (100% free, no credit card required).

About

A Google Chrome extension that allows users to click on any image in a Metabase table to resize them.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published