DarkRadarDashboard
Rose Radar
Two-dataset radar in a striking rose-red palette on a dark background. Arresting in quarterly reviews.
Theme tokens
- Background
- #111827
- Font
- Inter / 11px
- Mode
- dark
API snippet
POST this to /api/v1/render to render this template programmatically.
POST /api/v1/render HTTP/1.1
Content-Type: application/json
Authorization: Bearer YOUR_API_KEY
{
"type": "radar",
"width": 560,
"height": 480,
"format": "png",
"devicePixelRatio": 4,
"theme": {
"palette": [
"#fb7185",
"#f43f5e",
"#e11d48",
"#be123c",
"#9f1239",
"#881337"
],
"backgroundColor": "#111827",
"fontFamily": "Inter",
"fontSize": 16,
"gridColor": "rgba(148, 163, 184, 0.18)",
"mode": "dark"
},
"data": {
"labels": [
"Acquisition",
"Activation",
"Retention",
"Revenue",
"Referral"
],
"datasets": [
{
"label": "Product A",
"data": [
78,
84,
71,
89,
62
],
"borderColor": "#fb7185",
"backgroundColor": "rgba(251, 113, 133, 0.2)",
"borderWidth": 2,
"pointBackgroundColor": "#fb7185",
"pointRadius": 4
},
{
"label": "Product B",
"data": [
62,
71,
83,
74,
81
],
"borderColor": "#f43f5e",
"backgroundColor": "rgba(244, 63, 94, 0.15)",
"borderWidth": 2,
"pointBackgroundColor": "#f43f5e",
"pointRadius": 4
}
]
},
"options": {
"color": "#94a3b8",
"plugins": {
"legend": {
"position": "top",
"labels": {
"color": "#94a3b8",
"usePointStyle": true
}
},
"title": {
"display": true,
"text": "AARRR Metrics Comparison",
"color": "#ffe4e6",
"font": {
"size": 14,
"weight": "bold"
}
}
},
"scales": {
"r": {
"min": 0,
"max": 100,
"angleLines": {
"color": "rgba(251, 113, 133, 0.15)"
},
"grid": {
"color": "rgba(251, 113, 133, 0.12)"
},
"pointLabels": {
"color": "#fda4af",
"font": {
"size": 11
}
},
"ticks": {
"display": false
}
}
}
}
}