Skip to main content

Data Manipulation Panel

The Data Manipulation Panel is a conceptually new plugin for Grafana. It is the first plugin that allows inserting and updating application data, as well as modifying configuration directly from your Grafana dashboard.

Manual data entering and User input into Dashboard.

Requirements

  • Grafana 8.5+, Grafana 9.0+ is required for major version 2.
  • Grafana 8.0+ is required for major version 1.

Getting Started

The Data Manipulation panel can be installed from the Grafana Catalog or utilizing the Grafana command line tool.

For the latter, use the following command.

grafana-cli plugins install volkovlabs-form-panel

Highlights

  • Provides functionality to create customizable forms.
  • Supports the Custom Code for the Initial and Update requests.
  • Allows specifying a GET request to get initial values and DELETE, PATCH, POST, and PUT requests to send values updated in the form.
  • Allows adding Header fields to the Initial and Update requests.
  • Allows customizing Submit, Reset buttons, and form layout.
  • Allows splitting form elements into sections.
  • Allows requesting confirmation before Update request.
  • Allows sending all or only updated elements in the Payload.
  • Allows displaying Success and Error notifications from the Custom Code.
  • Supports Code Editor suggestions for available parameters.
The data manipulation panel for Grafana.
The data manipulation panel for Grafana.

Documentation

SectionDescription
ArchitectureExplains the Architecture and how to use Grafana and API behind NGINX.
Custom CodeDemonstrates how to access panel options, API responses, form elements, and Grafana services.
Release NotesStay up to date with the latest features and updates.

Features

SectionDescription
Control PanelExplains how to create Control Panels with multiple sections and the same Id.
Custom RequestsDemonstrates how to create your own Initial and Update requests using Custom Code.
Dynamic form elementsDemonstrates how to update the element's values and options from any data source.
VariablesExplains how to replace Dashboard and Global variables.

API Servers

SectionDescription
DenoDemonstrates how to create an API server on Deno.
InfluxDB APIDemonstrates how to integrate with InfluxDB API.
JSONDemonstrates how to create an API server on Node.js with JSON object.
MySQLDemonstrates how to create an API server on Node.js with the MySQL database.
Node-REDDemonstrates how to create an API server based on Node-RED.
PostgreSQLDemonstrates how to create an API server on Node.js with the PostgreSQL database.

Feedback

We love to hear from you. There are various ways to get in touch with us.

  • Ask a question, request a new feature, and file a bug with GitHub issues.
  • Subscribe to our YouTube Channel and add a comment.
  • Sponsor our open-source plugins for Grafana with GitHub Sponsor.
  • Star the repository to show your support.

License

Apache License Version 2.0, see LICENSE.