Plotly

Panel

Scatter plots and more
  • Scatter
    Scatter
  • Scatter 2D
    Scatter 2D
  • Scatter 3D
    Scatter 3D
  • Options
    Options

Plot.ly Panel for Grafana

Render metrics using the plot.ly javascript framework

Screenshots

Screenshot of scatter plot Screenshot of scatter plot Screenshot of 3d scatter plot Screenshot of the options screen

Building

To complie, run:

npm install -g yarn
yarn install --pure-lockfile
grunt

Changelog

v0.0.4
  • Load plotly from npm (v1.31.2+)
  • Convert to TypeScript
  • Reasonable behavior when adding single metric
  • Formatting with prettier.js
  • Support for a single table query
v0.0.3
  • Improve options UI
  • Added range mode: "tozero" and "nonnegative"
  • Map metrics to X,Y,Z and color
  • Can now select 'date' type for each axis to support time
  • basic support to size marker with data
v0.0.2
  • Added ability to set color from a metric query. (#4, @lzgrablic01)
  • Show 3D axis names properly
  • Fix initalization to work with 4.2+ (isPanelVisible undefined)
v0.0.1
  • First working version

Roadmap

  • support 'table' response format for more than one query.

Nice things to have

  • sizeref helper. I think this depends on the data. likely need to find the range and pick a good value?
  • support text
  • load plotly.js from CDN?
  • nice to have: https://plot.ly/javascript/parallel-coordinates-plot/
Install Plugin

Version

Dependencies:
  • Grafana 4.x.x