Display Base64 images from any data source

The Business Media panel plugin has recently been upgraded in the Grafana Plugins catalog and now has everything you need to display images from any data source on your dashboards.

The initial version of the Grafana plugin was designed for the project analyzing a camera feed in real-time and simplified the original project by displaying AI-analyzed images on the Grafana dashboard.

Analyzing camera feeds in real-time using RedisAI, OpenCV-Python, and Redis plugins for Grafana.

Updates

Since the original version, the Business Media panel plugin has achieved the following:

• Support for Grafana 8.
• More than 45,000 downloads.
• Featured in the Grafana Community Plugin Showcase (August 2021).
• Used for various projects, such as security camera monitoring.

Images, PDFs, Live Camera Feed on Grafana Dashboard.

Getting Started

The Business Media panel can be installed from the Grafana Plugins catalog or using the Grafana command line tool.

Install Business Suite plugins in Cloud, OSS, Enterprise. Getting started with the Business Suite.

For the latter, please use the following command.

grafana cli plugins install volkovlabs-image-panel

In the latest version of Grafana 8.1, you can install standalone plugins from the Grafana Plugins catalog.

Grafana Plugins catalog allows installing plugins directly from the dashboard without restarting the application.

Panel Features

The values returned from the data source can be Base64 encoded with or without definition in the format like data:image/jpg;base64,ENCODED-CONTENT or data:application/pdf;base64,ENCODED-CONTENT.

If no definition is provided, the file type is automatically determined based on the first Base64 symbol.

Business Media panel displays an image using the Business Input data source.

If the data source returns more than one field of the string type, you can choose the field name in the plugin's options. If the data source returns multiple rows, the image from the last row is displayed in the panel.

The image's dimensions can be automatically adjusted, left as-is, or changed based on the values you specify in the panel settings.

We’d Love to Hear From You!

Your feedback is invaluable to us, and we’re excited to connect with our community and partners. Whether you have a creative idea, or an issue to report, here are the best ways to reach out:

• Enterprise Partners: Need support or have an urgent request? Submit a Zendesk ticket for fast, personalized assistance from our team.
• Community Members: Have a feature suggestion, or bug to report? Start a conversation by creating a GitHub discussions. We’re all ears!
• Join the Conversation: Stay in the loop and share your thoughts! Subscribe to our YouTube Channel and drop a comment—we’re eager to hear your perspective.

Your input drives our improvement, so don’t hesitate to connect with us!