Projects

Bundlers

The main difference between the bundler using a framework like Svelte or React and those who doesn't is how and where the data is used. In the svg bundler the data is used in onRender, which is executed when new data is available. In the svelte bundler the data is used inside the svelte files (onInit) and updates when the panelupdate event is triggered (panelupdate triggers when new data is available).

Bundler templates

tip

Unsure how to use a template? Check out How to use a template.

• htmlgraphics svg bundler template
• htmlgraphics html bundler template

Bundlers using a framework

caution

Remember to turn Dynamic data object to true when using the bundlers below

• htmlgraphics svelte bundler template
• htmlgraphics react bundler template

NPM packages

• grafana-metric
• sld-component
• ga-component

Project repos

• grafana-360-viewer

Examples

• htmlgraphics-video-example
• htmlgraphics-video.js-example
• htmlgraphics-react-radar-example
• htmlgraphics svg bundler example