Beginners guide - Visualizing Canvas in Grafana | Grafana Labs
In this video, Grafana Developer Advocate Leandro Melendez describes how Canvas panels combine the power of Grafana with the flexibility of custom elements. They are extensible visualizations that allow you to add and arrange elements wherever you want within unstructured static and dynamic layouts. This lets you design custom visualizations and overlay data in ways that aren’t possible with standard Grafana visualizations, all within the Grafana UI.
For more information on this visualization check the Canvas Panel documentation link:
https://grafana.com/docs/grafana/latest/panels-visualizations/visualizations/canvas/
Links:
Sign up for Grafana cloud for free: https://grafana.com/auth/sign-up
Get Grafana OSS: https://grafana.com/grafana/download
👍 If you found this video useful, be sure to give it a thumbs up and subscribe to our channel for more helpful Grafana videos.
📱 Follow us for the latest and greatest on all things Grafana and our other OSS projects.
X: https://twitter.com/grafana
LinkedIn: https://www.linkedin.com/company/grafana-labs/mycompany
Facebook: https://www.facebook.com/grafana
#Grafana #observability
Example Data
Image
https://static.wixstatic.com/media/6f08db_36110776f3b4491eb026ad6b48863e5b~mv2.gif
API
GET https://api.restful-api.dev/objects
MultiRowColumn
ColumnName, ColumnValue1, ColumnValue
Leandro, 10, 20
Grot, 40, 80
SingleRowColumns
Name1, Name2, Value1, Value2, Value3, Value4, Value5
Grot, Grafana, 10, 20, 40, 80, 100
TIMESTAMPS
00:00 Start
00:21 Intro to Canvas panels
01:00 Creating Canvas Panels
01:48 Canvas panels data needs
03:00 Customizing Canvas Panels
03:37 Customizing Background
04:10 Customizing canvas settings
05:10 Customizing Layer section
06:10 Customizing elements
06:49 Customizing elements layout
07:20 Customize Shape elements
08:10 Customizing Metric elements
08:58 Customizing Text elements
09:22 Customizing Icon elements
10:01 Customizing Server elements
10:52 Customizing Experimental elements
12:35 Customizing Connectors
14:00 Closing