Plugins 〉Vega


Developer

Jarrad Whitaker <akdor1154>

Sign up to receive occasional product news and updates:


Grafana Cloud
Grafana Cloud
  • Grafana, of course
  • 10k series Prometheus metrics
  • 50 GB logs
  • 50 GB traces
  • 2,232 app o11y host hours
  • ...and more
Create free account

No credit card needed, ever.


Panel
community

Vega

  • Overview
  • Installation
  • Change log
  • Related content

Grafana-Vega

This is a panel plugin for Grafana that allows you to configure Vega or Vega-Lite specs.

A screenshot of the grafana-vega plugin in action

Features

  • The ability to write Vega/Vega Lite specs, which are much more powerful than the inbuilt Grafana vizes. (Gallery). <3 Vega.

  • A JSON editor with the Vega specs hooked up to it for autocomplete Autocomplete in action

  • Field names and Datasource names also hooked up to autocomplete Autocompleting fields in action

  • Automatic light/dark mode as per your Grafana theme Light mode

  • An obsessive amount of mucking about with React to stop your spec being reparsed all the time

  • {"width": "container"} hooked up to work like you want

Todo

  • Rig up Edit in Vega Editor and the other things you expect from Vega Embed

  • Dig into if it's possible to cope when Grafana sends us multiple dataframes with the same name/refId

  • Get it signed

Acknowledgements

Installing Vega on Grafana Cloud:

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 Vega 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.

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.

Changelog

1.0.11

  • Switch bundler to Vite for AMD support

1.0.10

  • Fix rich text in schema autocomplete

1.0.9

  • Fix endless rerender loop when editing

1.0.8

  • Ensure provisioning works

1.0.7

  • Make dark theme better

1.0.6

  • Wire up Vega support (previously just Vega-Lite worked)

1.0.4

  • Initial release.