BoldRadarDashboard
Neon Radar
High-contrast neon green radar on a pure black background. Maximum visual punch for live dashboards.
Open in StudioTheme tokens
- Background
- #0a0a0a
- Font
- Inter / 11px
- Mode
- dark
API snippet
POST this to /api/v1/render to render this template programmatically.
POST /api/v1/render
Content-Type: application/json
Authorization: Bearer YOUR_API_KEY
{
"type": "radar",
"width": 560,
"height": 480,
"format": "png",
"data": {
"labels": [
"Uptime",
"Latency",
"Errors",
"Throughput",
"Saturation"
],
"datasets": [
{
"label": "System Health",
"data": [
99,
88,
96,
82,
91
],
"borderColor": "#4ade80",
"backgroundColor": "rgba(74, 222, 128, 0.15)",
"borderWidth": 2,
"pointBackgroundColor": "#4ade80",
"pointRadius": 5
}
]
},
"options": {
"color": "#4ade80",
"plugins": {
"legend": {
"display": false
},
"title": {
"display": true,
"text": "Infrastructure Health Score",
"color": "#bbf7d0",
"font": {
"size": 14,
"weight": "bold"
}
}
},
"scales": {
"r": {
"min": 0,
"max": 100,
"angleLines": {
"color": "rgba(74, 222, 128, 0.1)"
},
"grid": {
"color": "rgba(74, 222, 128, 0.08)"
},
"pointLabels": {
"color": "#86efac",
"font": {
"size": 11
}
},
"ticks": {
"display": false
}
}
}
},
"theme": {
"palette": [
"#4ade80",
"#22d3ee",
"#a78bfa",
"#fb7185",
"#fbbf24",
"#f472b6"
],
"backgroundColor": "#0a0a0a",
"fontFamily": "Inter",
"fontSize": 11,
"gridColor": "rgba(74, 222, 128, 0.12)",
"mode": "dark"
}
}