---
title: "HTML graphics panel plugin for Grafana"
description: "Grafana panel for displaying metric sensitive HTML and SVG graphics. HTML graphics panel plugin for Grafana by gapit. See install steps and the changelog."
---

> This is the Markdown version of https://grafana.com/grafana/plugins/gapit-htmlgraphics-panel/

# HTML graphics

- Developer: gapit
- Version: 2.2.3
- [Change log](https://grafana.com/grafana/plugins/gapit-htmlgraphics-panel/changelog.md)

![In action](https://grafana.com/api/plugins/gapit-htmlgraphics-panel/versions/2.2.3/images/img/screenshot-building-overview.png)

![Edit view](https://grafana.com/api/plugins/gapit-htmlgraphics-panel/versions/2.2.3/images/img/screenshot-building-overview-edit.png)

![Radar example](https://grafana.com/api/plugins/gapit-htmlgraphics-panel/versions/2.2.3/images/img/screenshot-react-radar-example.png)

![Code editor](https://grafana.com/api/plugins/gapit-htmlgraphics-panel/versions/2.2.3/images/img/screenshot-code-editor.png)

[![Grafana marketplace](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fgrafana.com%2Fapi%2Fplugins%2Fgapit-htmlgraphics-panel\&query=%24.version\&prefix=v\&style=flat\&logo=grafana\&label=marketplace\&color=F46800)](https://grafana.com/grafana/plugins/gapit-htmlgraphics-panel) [![Grafana downloads](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fgrafana.com%2Fapi%2Fplugins%2Fgapit-htmlgraphics-panel\&query=%24.downloads\&style=flat\&logo=grafana\&label=downloads\&color=F46800)](https://grafana.com/grafana/plugins/gapit-htmlgraphics-panel)

[![GitHub release (latest by date)](https://img.shields.io/github/v/release/gapitio/gapit-htmlgraphics-panel?style=flat\&logo=github\&color=008c14)](https://github.com/gapitio/gapit-htmlgraphics-panel) [![GitHub downloads](https://img.shields.io/github/downloads/gapitio/gapit-htmlgraphics-panel/total?style=flat\&logo=github\&color=008c14)](https://github.com/gapitio/gapit-htmlgraphics-panel) [![GitHub repo stars](https://img.shields.io/github/stars/gapitio/gapit-htmlgraphics-panel?style=flat\&logo=github\&color=008c14)](https://github.com/gapitio/gapit-htmlgraphics-panel) [![GitHub release build status](https://img.shields.io/github/actions/workflow/status/gapitio/gapit-htmlgraphics-panel/release.yml?style=flat\&logo=github\&label=release\&color=008c14)](https://github.com/gapitio/gapit-htmlgraphics-panel/actions/workflows/release.yml) [![License](https://img.shields.io/github/license/gapitio/gapit-htmlgraphics-panel?style=flat\&color=007ec6)](https://github.com/gapitio/gapit-htmlgraphics-panel/blob/main/LICENSE)

Grafana panel for displaying metric sensitive HTML and SVG graphics.

Full documentation for the plugin is available on the [website](https://gapit-htmlgraphics-panel.gapit.io/).

![Preview](https://github.com/gapitio/gapit-htmlgraphics-panel/raw/d37b4a2b893f197091bc68037001cd9131aae6f3/src/img/screenshot-edit-mode.png)

This plugin is highly inspired by [marcuscalidus-svg-panel](https://github.com/MarcusCalidus/marcuscalidus-svg-panel), [aidanmountford-html-panel](https://github.com/AidanMountford/aidanmountford-html-panel), and [aceiot-svg-panel](https://github.com/ACE-IoT-Solutions/ace-svg-react).