15 Grafana vis you probably didn’t know was possible with these 3 plugins

CrashLaker
4 min readJun 29, 2020

--

Showcase of 3 amazing Grafana plugins

Grafana Flowcharting Demo

Grafana is an amazing visualization tool used mainly by IT teams to monitor their infrastructure. As it’s open-source there’s huge contribution from the community on both datasource and panel making.

As the list grows larger overtime in this article I’m going to explore 3 of which I find them to be one the the most interesting (imho). Here they are:

Below I’ll describe them in no particular order and show some experiments I’ve made to leverage my visualizations on.

All plugins support any type of datasource as long as they support grafana’s official data model.

So.. Without further ado. Let’s begin.

SVG Panel

SVG Panel is the most flexible of the 3 as it allows one to customize any sort of visualization. Though that requires the user an intermediate level of javascript and plotting skills. D3js would help a lot here as many of the draws I made was D3 based.

So with it we could build:

An SVG map

A Sankey Map

A Treemap

There’s also an interesting tackle on treemap vis here.

BoomTable

BoomTable is another powerful visualization tool. By checking it’s official demo one could infer it’s capabilities.

Boomtable demo from https://grafana.com/grafana/plugins/yesoreyeram-boomtable-panel

Some demos we could build with it are:

qBittorrent View + Icons

VM view dashboard

Calendar-like View

Hierarchical View

FlowCharting

Last but not least FlowCharting is one of the projects I’ve been most excited about especially because it’s maintainer @Algenty is putting in his best effort to continuously ship amazing new features every month.

An official showcase of all its features can be found here.

Here’s a demo using FlowCharting.

Kubernetes x Pods view

Diagram from Graphviz

Map

ETL DAG Graph (could use airflow syntax)

ETL DAG Graph with Dynamic Render

HexBin View (Datadog-like)

ESXI / VM / Container Dependency Graph View

AWS Infrastructure View

Datacenter Floor Plan

Source: https://aggregate.tibbo.com/solutions/data-center-management.html

Datacenter -> Cluster -> Hosts -> VMs

https://www.idashboards.com/

That’s all folks!

If you have other visualization schemes don’t forget to share!

Other interesting links:

--

--

CrashLaker

Highly motivated self-taught IT analyst. Always learning and ready to explore new skills. An eternal apprentice. More on: https://crashlaker.github.io