Grafana Dashboard Generator - Free Online Dashboard JSON Tool | IconVault
Build import-ready Grafana dashboard JSON visually: add timeseries, stat and gauge panels with PromQL queries, then copy or download. Free, in-browser.
Grafana Dashboard Generator
Build import-ready Grafana dashboard JSON visually
Panels (2)
Import it in Grafana under Dashboards, New, Import. Datasource UID is assumed "prometheus".
Request rate
timeseries · reqps
rate(http_requests_total[5m])
Error rate
stat · percentunit
rate(http_requests_total{status=~"5.."}[5m])
Live dashboard JSON
{
"uid": "my-service-overview",
"title": "My Service Overview",
"timezone": "browser",
"schemaVersion": 39,
"version": 1,
"panels": [
{
"id": 1,
"title": "Request rate",
"type": "timeseries",
"datasource": {
"type": "prometheus",
"uid": "prometheus"
},
"targets": [
{
"refId": "A",
"expr": "rate(http_requests_total[5m])",
"datasource": {
"type": "prometheus",
"uid": "prometheus"
}
}
],
"fieldConfig": {
"defaults": {
"unit": "reqps"
},
"overrides": []
},
"gridPos": {
"h": 8,
"w": 12,
"x": 0,
"y": 0
},
"options": {}
},
{
"id": 2,
"title": "Error rate",
"type": "stat",
"datasource": {
"type": "prometheus",
"uid": "prometheus"
},
"targets": [
{
"refId": "A",
"expr": "rate(http_requests_total{status=~\"5..\"}[5m])",
"datasource": {
"type": "prometheus",
"uid": "prometheus"
}
}
],
"fieldConfig": {
"defaults": {
"unit": "percentunit"
},
"overrides": []
},
"gridPos": {
"h": 4,
"w": 6,
"x": 6,
"y": 0
},
"options": {}
}
]
}
About this tool
IconVault's Grafana Dashboard Generator builds import-ready dashboard JSON without hand-writing it. Set the dashboard title and UID, add timeseries, stat and gauge panels, and for each panel pick a unit (percent, bytes, reqps, ms) and write the PromQL expression. The tool assembles correct gridPos layout, Prometheus datasource blocks and field config automatically.
You get a live preview of the dashboard JSON as you build, plus copy and download buttons. Import the file under Dashboards, New, Import in Grafana. It is free with no signup and runs fully in your browser. The honest caveat: the generator assumes a Prometheus datasource with the UID "prometheus", so update the datasource block if yours is named differently.
Frequently asked questions
Popular searches
More tools
Code Playground
Write HTML, CSS & JS with live preview.
JSON Formatter
Beautify, validate & minify JSON.
Base64 Encoder
Encode & decode text and files.
JWT Decoder
Inspect tokens without sending them anywhere.
Coming soon
CLI
Coming soon
Figma plugin
Coming soon
VS Code extension
Coming soon
Chrome extension
Coming soon
AI icon generator
Coming soon
Team workspaces
Coming soon