Plugins 〉D3 Gauge
Grafana Gauge Panel
Data operator same as SingleStat panel (avg, sum, current, etc)
Unit formats same as SingleStat
Customizable Font size and type for value displayed and ticks
Animated needle transition (elastic or quadin)
All possible color options for gauge components
Customizable gauge component sizes (needle length, width, tick length, etc)
Thresholding colors displayed on gauge
Threshold can modify displayed value and background
Needle animation speed is now configurable
Arbitrary degree gauges now supported (default is from 60 to 320)
Value text on gauge can now be moved up/down as needed
This plugin relies on Grunt/NPM/Bower, typical build sequence:
yarn install yarn build
For development, you can run:
A docker-compose.yml file is include for easy development and testing, just run
Then browse to http://localhost:3000
- Grafana 6.x
This panel is based on the "SingleStat" panel by Grafana, along with large portions of these excellent D3 examples:
Installing D3 Gauge on Grafana Cloud:
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
For more information, visit the docs on plugin installation.
Installing on a local Grafana:
For local instances, plugins are installed and updated via a simple CLI command. Plugins are not updated automatically, however you will be notified when updates are available right within your Grafana.
1. Install the Panel
Use the grafana-cli tool to install D3 Gauge from the commandline:
grafana-cli plugins install
The plugin will be installed into your grafana plugins directory; the default is /var/lib/grafana/plugins. More information on the cli tool.
Alternatively, you can manually download the .zip file for your architecture below and unpack it into your grafana plugins directory.
Alternatively, you can manually download the .zip file and unpack it into your grafana plugins directory.
2. Add the Panel to a Dashboard
Installed panels are available immediately in the Dashboards section in your Grafana main menu, and can be added like any other core panel in Grafana.
To see a list of installed panels, click the Plugins item in the main menu. Both core panels and installed panels will appear.
All changes noted here.
v0.0.9 - 2021-04-21
- Add option to display needle arrow
- Update packages
v0.0.8 - 2020-10-26
- Signed Plugin!
- Updated build process
v0.0.7 - 2020-04-18
- Update to typescript and using standardized build process.
- Simplified value display
- Initial commit