Canvas - Animated electric cable

Grafana Dashboards
1

  • What Grafana version and what operating system are you using?
    Docker image: grafana/grafana:9.4.0

  • What are you trying to achieve?
    I’m working on a Canvas and i’m trying to add animated electric cable like in the example in the documentation:
    https://grafana.com/static/img/docs/canvas-panel/canvas-metric-value-9-2-0.mp4
    I don’t know if it’s an element that I can use like a connection, or if it’s a gif that is used for the example.

  • How are you trying to achieve it?
    I don’t found any way to achieve it, maybe with the style of the connection between element

  • Did you follow any online instructions? If so, what is the URL?
    This is the Canvas documentation that I follow:
    Canvas | Grafana documentation

Does anyone have any idea how I can achieve this?

2

Use background image with animation - gif was used in this particular case. See: Grafana

3

@leolb06 You can create your own dynamic and animated elements for the canvas panel, but they require you to add new advanced components and built your own version of Grafana.

We explained how in the blog post:

1 Like