DarkDoughnutSlack
Progress Ring
Two-slice doughnut styled as a progress ring. Perfect for Slack alerts and KPI status updates.
Theme tokens
- Background
- #111827
- Font
- Inter / 12px
- 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": "doughnut",
"width": 400,
"height": 400,
"format": "png",
"devicePixelRatio": 4,
"theme": {
"palette": [
"#22d3ee",
"#38bdf8",
"#60a5fa",
"#818cf8",
"#34d399",
"#4ade80"
],
"backgroundColor": "#111827",
"fontFamily": "Inter",
"fontSize": 16,
"gridColor": "rgba(148, 163, 184, 0.18)",
"mode": "dark"
},
"data": {
"labels": [
"Completed",
"Remaining"
],
"datasets": [
{
"data": [
73,
27
],
"backgroundColor": [
"#22d3ee",
"rgba(148, 163, 184, 0.12)"
],
"borderWidth": 0,
"hoverOffset": 0
}
]
},
"options": {
"color": "#94a3b8",
"plugins": {
"legend": {
"display": false
},
"title": {
"display": true,
"text": "Sprint Progress — 73%",
"color": "#e2e8f0",
"font": {
"size": 14,
"weight": "bold"
}
}
},
"cutout": "78%"
}
}