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

Works with grafana 4 and 5

Screenshots

Screenshot of scatter plot 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
yarn build

Changelog

v0.0.5
  • Upgrade plotly (v1.41+)
  • Better support for light theme. (#24, @cscheuermann81)
  • Support snapshots
  • Removing dist from master branch
  • Support of multiple time series's (#9, CorpGlory DevTeam)
  • Support showing text from query (#11)
  • Template variable support
  • Improved metric mapping
  • Using webpack and basic jest tests
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

Wishlist (help wanted)

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

Version

Dependencies:
  • Grafana 4.x.x