DarkPolarReport
Polar Skills
Dark polar area chart for skills assessment and competency mapping in team reports.
Theme tokens
- Background
- #0f172a
- 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": "polarArea",
"width": 560,
"height": 460,
"format": "png",
"devicePixelRatio": 4,
"theme": {
"palette": [
"#818cf8",
"#a78bfa",
"#c084fc",
"#e879f9",
"#fb7185",
"#f472b6"
],
"backgroundColor": "#0f172a",
"fontFamily": "Inter",
"fontSize": 16,
"gridColor": "rgba(148, 163, 184, 0.18)",
"mode": "dark"
},
"data": {
"labels": [
"Strategy",
"Execution",
"Communication",
"Technical",
"Leadership",
"Data"
],
"datasets": [
{
"data": [
78,
85,
91,
88,
72,
94
],
"backgroundColor": [
"rgba(129,140,248,0.7)",
"rgba(167,139,250,0.7)",
"rgba(192,132,252,0.7)",
"rgba(232,121,249,0.7)",
"rgba(251,113,133,0.7)",
"rgba(244,114,182,0.7)"
],
"borderWidth": 0
}
]
},
"options": {
"color": "#94a3b8",
"plugins": {
"legend": {
"position": "right",
"labels": {
"color": "#94a3b8",
"usePointStyle": true,
"padding": 12
}
},
"title": {
"display": true,
"text": "Competency Profile",
"color": "#e2e8f0",
"font": {
"size": 13,
"weight": "bold"
}
}
},
"scales": {
"r": {
"grid": {
"color": "rgba(148, 163, 184, 0.18)"
},
"ticks": {
"display": false
}
}
}
}
}