Polystat

Panel

Polystat panel for Grafana
  • Showcase
    Showcase
  • Animation
    Animation
  • Options
    Options
  • Overrides
    Overrides
  • Tooltips
    Tooltips
  • Composites
    Composites

Grafana Polystat Panel

CircleCI

This panel plugin provides a D3-based multistat panel for Grafana 3.x/4.x/5.x.

A hexagon is create for each metric received, with the ability to group metrics into a composite metric, and display the triggered state of the composite.

Screenshots

This plugin supports autoscaling for best-fit sizing of each polygon to the panel size. When the complete text cannot be displayed, only tooltips are active.

All visible

Scaled3

Scaled down

Scaled1

Scaled down with tooltip

Scaled2

Options

State with Composites

Layout

Layout

Specify the desired number of columns and rows, or select Autosize to allow the plugin to calculate a "best fit" for the size of the panel.

Columns

Max # of columns to create

Rows

Max # rows to create NOTE: if both columns and rows are set, only rows*columns will be displayed, generally one or none should be set.

Display Limit

Set a limit on number of hexagons to be displayed, set to 0 for no limit.

Sizing

Sizing

Set the size of the polygon to a fixed size, or select auto-size for "best fit".

Sorting

Sorting

Tooltips

Tooltips

Set the font to be used for Tooltips

Global

Global

Display

Show all Show triggered

Show all example

Actions

Click Through

Click through to use when none are defined for a hexagon.

Show Metric Name

Display the metric in the hexagon

Show Metric Value

Display the metric value

Overrides

Overrides without Thresholds

Overrides with Thresholds

Overrides Rendered

Composites

Composites with Thresholds

Composite Rendered with Tooltip

Animation

Animation

Animate Composites

Animate hexagon to display metrics if there are composites

Animation Example

Speed

Speed of animation in milliseconds

Time Range

Screenshots

Tooltip

Hovering over a hexagon shows the metrics that comprise the displayed state. For composites this will expand members of the composite.

Tooltip

State with composites

This shows creation of composites, where you select which metrics comprise the composite.

State with Composites

This shows composites configured for GPU 0,1,2,3, and non-grouped metrics from GPU4-7.

State with partial composites

Building

This plugin relies on Grunt/NPM/Bower, typical build sequence:

npm install
bower install
grunt

For development, you can run:

grunt watch

The code will be parsed then copied into "dist" if "jslint" passes without errors.

Docker Support

A docker-compose.yml file is include for easy development and testing, just run

docker-compose up

Then browse to http://localhost:3000

External Dependencies

  • Grafana 3.x/4.x/5.x

Build Dependencies

  • npm
  • bower
  • grunt

Enable Grafana TestData

Grafana TestData is not enabled by default. To enable it, first navigate to the Plugins section, found in your Grafana main menu. Click the Apps tabs in the Plugins section and select the Grafana TestData App. (Or navigate to http://your_grafana_instance/plugins/testdata/edit to go directly there). Finally click the enable button to enable.

Acknowledgements

This panel is based on this D3 example:

  • https://www.visualcinnamon.com/2013/07/self-organizing-maps-creating-hexagonal.html

Changelog

Install Plugin

Version

Dependencies:
  • Grafana 3.x.x