https://github.com/nikos/grafana-percent-trend-panel

Grafana panel to display percentage with trend in bigvalue stat panel fashion
https://github.com/nikos/grafana-percent-trend-panel

Last synced: 1 day ago
JSON representation

Grafana panel to display percentage with trend in bigvalue stat panel fashion

• Host: GitHub
• URL: https://github.com/nikos/grafana-percent-trend-panel
• Owner: nikos
• License: apache-2.0
• Created: 2022-09-29T17:18:04.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-01T09:23:06.000Z (10 months ago)
• Last Synced: 2024-02-01T17:11:37.534Z (10 months ago)
• Language: TypeScript
• Size: 933 KB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Grafana Percent Trend Stat Panel

[![Build](https://github.com/nikos/grafana-percent-trend-panel/workflows/CI/badge.svg)](https://github.com/nikos/grafana-percent-trend-panel/actions?query=workflow%3A%22CI%22)

A panel plugin for Grafana >= 8.1.0 which computes and displays percent with trend compared to a previous value in a 

stat style big value manner.

![Sample panel](https://raw.githubusercontent.com/nikos/grafana-percent-trend-panel/main/src/img/screenshots/panel-demo.png)

Configuration allows to display the percentage value compared to the base value plain or

interpret the percentage change as difference ("trend") with a colored (green/red) triangle symbol

to see the trend evolution easily.

The idea for this plugin panel was inspired by an article about [Embedded Analytics](https://www.revealbi.io/glossary/embedded-analytics).

This plugin is reviewed by Grafana engineers and released on GrafanaLabs, 

see Plugins -> Panel (Community): [Percentage Trend](https://grafana.com/grafana/plugins/nikosc-percenttrend-panel/)

## Install

Download the [latest release](https://github.com/nikos/grafana-percent-trend-panel/releases) (named 

`nikosc-percenttrend-panel-.zip`) and unzip it in your grafana plugin folder.

## Usage

1. Query two metrics, remember field names, which have to be specified in the next step

2. Select the field names of the query results and use them to display your percentage trend

   ![Configure details in panel options](https://raw.githubusercontent.com/nikos/grafana-percent-trend-panel/main/src/img/screenshots/panel-options.png)

## More resources

- [Grafana documentation](https://grafana.com/docs/)

- [Build a panel plugin tutorial](https://grafana.com/tutorials/build-a-panel-plugin)

- [Grafana percent+ stat panel](https://github.com/JeanBaptisteWATENBERG/grafana-percent-plus)