Skip to main content

Dynamic Text Panel

A Dynamic Text visualization panel is a Grafana plugin that transforms monotone text/table data into vibrant, easy-to-read information cards. The panel supports variables, Markdown and Handlebars.

The Dynamic Text visualization panel lets you define a text template using the data from your data source query.

Markdown, HTML and Handlebars to transform data visualizations.

Requirements

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

Getting Started

The Dynamic Text visualization 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 marcusolsson-dynamictext-panel

Features

  • Uses Monaco Code Editor with Auto formatting to update Templates and JavaScript Code Editor.
  • Supports Markdown and Handlebars.
  • Uses markdown-it for rendering Markdown to HTML.
  • Sanitizing
    • HTML inside templates is sanitized using XSS.
    • Can be disabled using Grafana configuration disable_sanitize_html.
  • Allows to display nested objects using {{json object}} Handlebars helper.
  • Allows to display Time global variables (__to and __from) as seconds, ISO, and formatted using dayjs.
  • Allows to add Handlebars helpers and Event handlers.
  • Supports Internationalization using custom helpers.
Dynamic Text Panel for Grafana.
Dynamic Text Panel for Grafana.

Documentation

SectionDescription
ContentExplains how to create a visualization template for your data.
DataDemonstrates how to use Every Row and All Rows option.
JavaScript CodeDemonstrates how to add a Handlebars helpers and Event handlers.
HelpersHelpers are functions that let you perform basic text transformation within your template.
RecipesUseful snippets that you can use in your templates.
Release NotesStay up to date with the latest features and updates.

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.