Plugins 〉Data Manipulation


Developer
Volkov Labs


Sign up to receive occasional product news and updates:



Latest webinars
Panel
community

Data Manipulation

  • Overview
  • Installation
  • Change log
  • Related content

Data Manipulation Panel for Grafana

Form Panel

Grafana YouTube CI codecov CodeQL

Introduction

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.

Data Manipulation Plugin for Grafana | Manual data entering and User input into Dashboard

Requirements

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

Getting Started

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

Features

  • Provides functionality to create customizable forms with elements:
    • Number Input
    • Radio Group with Boolean options
    • String Input
    • Number Slider
    • Select with Custom options
    • Date and Time
    • Radio Group with Custom options
    • Read-only (Disabled) with support for lookup
    • Password Input
    • Text Area
    • Code Editor
  • Supports the Custom Code for the Initial and Update requests.
  • Allows specifying 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.

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, Grafana services.

Features

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

Tutorials

How to Manipulate Data using Grafana dashboard | API Node.js Server and Deno Deploy Project

Static and dynamic interface elements of Data Manipulation plugin | DML using data source in Grafana

Three plugins that make Grafana complete. Dynamic Text, Data Manipulation, and Apache ECharts are all you need to create functional real-world web applications.

Magic JavaScript trio for Grafana | Dynamic Text, Data Manipulation and Apache ECharts plugins

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

Installing Data Manipulation on Grafana Cloud:

For more information, visit the docs on plugin installation.

Change Log

2.8.0 (2023-03-16)

Features / Enhancements

  • Add String, Number Type for Select and Radio options (#120)
  • Add Lookup options for Disabled element (#121)
  • Add Server API with MYSQL for Feedback Dashboard (#125)
  • Update to Grafana 9.3.1 (#129)
  • Add Option for DELETE request (#130)
  • Add "Buttons only" Layout to do GET/POST/DELETE requests (#131)
  • Update README and move Documentation to docs.volkovlabs.io (#132)
  • Update README and Documentation (#134)
  • Refactor API Servers (#128)
  • Update CI and Release workflows (#145)
  • Update to Grafana 9.4.3 (#146)
  • Add NoPadding to remove extra padding around and make it configurable (#146)
  • Update README and Documentation (#147)

Bug fixes

  • Fix Password and Boolean elements confirmation (#120)

2.7.0 (2022-11-10)

Features / Enhancements

  • Update to Grafana 9.2.2 (#113)
  • Update CI to upload signed artifacts (#116)
  • Allow to send all or updated only values in Payload (#116)
  • Add Initial values parameter to Update Request parameters (#117)
  • Add Status notification after submit form (#98)
  • Add Monaco Code Editor suggestions for available parameters (#88)

2.6.0 (2022-10-23)

Features / Enhancements

  • Add Compatibility Check Workflow (#92)
  • Update to Grafana 9.1.6 (#92)
  • Add Custom Code to update variable after update request (#106)
  • Add Number Input and Slider min, max validation (#95)
  • Initialize element value from a Data Source query (#105)
  • Update CI to Node 16 and Synchronize with Release workflow (#109)

Bug fixes

  • Initial GET request date time formatting (#99)

2.5.0 (2022-09-10)

Features / Enhancements

  • Add Request Header check (#85)
  • Expose initialRequest() in Custom Code to reload panel (#89)
  • Set json as response data from Initial Request (#90)
  • Update to Grafana 9.1.4 (#91)

2.4.0 (2022-08-31)

Features / Enhancements

  • Update to Grafana 9.1.1 (#72)
  • Explain how to use Dashboard Variables in README (#73)
  • Add onOptionsChange in examples to update the panel (#75)
  • Add variables in URL to call from form elements (#78)
  • Add Custom Update Request to README (#79)
  • Add Deno Deploy Playground server and dashboard (#80)
  • Add "How to Manipulate Data using Grafana dashboard" video in README (#80)
  • Show Title instead of Id in the Confirmation Panel (#81)
  • Avoid showing confirmation for disabled elements (#77)
  • Improve Test Coverage (#21)

2.3.0 (2022-08-11)

Breaking changes

  • Signed as Community Plugin.

Features / Enhancements

  • Update Sample code in README (#67)
  • Updated to be included in the Grafana Marketplace (#68)

2.2.0 (2022-08-09)

Features / Enhancements

  • Update to Grafana 9.0.6 (#63)
  • Allow to get Elements Initial Value and Configuration from Data Source (#22)
  • Update Alert when no elements defined (#66)

Bug fixes

  • Number Slider is not updated properly (#18)

2.1.0 (2022-07-17)

Features / Enhancements

  • Rebuild based on 9.0.3 (#58)
  • Automatic Code Editor Formatting (#59)
  • Explain Custom code in Readme (#60)
  • Update YouTube link with tutorial in README #61

2.0.0 (2022-06-17)

Breaking changes

  • Requires Grafana 8.3+ and 9.0+

Features / Enhancements

  • Rebuild based on 9.0.0 (#53)

1.4.0 (2022-05-30)

Features / Enhancements

  • Allow to update Element Width (#50)
  • Add Highlight for changed values (#51)
  • Add Confirmation before Submit (#52)

1.3.0 (2022-05-22)

Features / Enhancements

  • Update Architecture Diagram (#44)
  • Changing colors on Submit is not working properly (#43)
  • Update layout to have sections for Form Fields (#47)
  • Add None Request for Initial and Update requests (#48)
  • Add Code Editor Element for Configuration Forms (#23)

1.2.0 (2022-05-19)

Features / Enhancements

  • Add Label Width and Tooltip (#39)
  • Add Server API with Postgres for Feedback Dashboard (#36)
  • Update Input Parameters to Form Elements (#41)

1.1.0 (2022-05-12)

Features / Enhancements

  • Added Disabled Element (#24)
  • Added ability to move elements up and down (#19)
  • Added Split Disabled layout for Input/Output (#27)
  • Added Interpolate Variables (#28)
  • Added Min and Max for Numbers (#29)
  • Added Unit Label (#31)
  • Added Header Parameters (#32)
  • Added Password Input (#33)
  • Subscribed to Refresh Events (#30)

1.0.0 (2022-05-11)

Features / Enhancements

  • Initial release based on the Volkov Labs Panel template 1.5.0