Embed widget In Amazon Grafana

Question

In Amazon Grafana its possible to add HTML panels but its impossible to use external links. I've even tried using links to S3 bucket in AWS. 
I need to embed a widget or use some external js library to display 3d images in my dashboard. However, It seems impossible to use any links in this configuration (Amazon Grafana), I've even tried IFrames or images - and got an error message like

Refused to load the image '' because it violates the following Content Security Policy directive: "img-src 'self' blob: data:    ".
I cant use this solution - https://grafana.com/docs/grafana/latest/setup-grafana/configure-grafana/#allow_embedding because I don't have access to the configuration file. 
Any ideas how I can embed or use externl link to my Dashboard?

Answer

There are a few options to try embedding external content in Amazon Managed Grafana:

You can embed images by encoding them to base64 and including them directly in the text panel. For example:

```
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4888AcwC5ABjCVgBhMPmPAAIAnE8V7WHxYhwAAAAASUVORK5CYII=">
```

Some Grafana plugins allow embedding external content. For example, the Image Panel plugin allows directly linking images. However, this plugin may not be available in Amazon Managed Grafana.

You can create a dashboard link that includes the time range variable, so clicking the link will open the dashboard zoomed to the correct time period.

As a workaround, you may be able to display external content by embedding it in a dashboard linked from within Grafana. However, this depends on the specific security policies configured for your Amazon Managed Grafana instance.

Embed widget In Amazon Grafana

Relevant content