DarkDoughnutSlack

KPI Gauge

Bold two-slice doughnut showing target attainment. Built for Slack alert bots and weekly digest cards.

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": 380,
  "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": [
      "Achieved",
      "Remaining"
    ],
    "datasets": [
      {
        "data": [
          87,
          13
        ],
        "backgroundColor": [
          "#4ade80",
          "rgba(74, 222, 128, 0.1)"
        ],
        "borderWidth": 0,
        "hoverOffset": 0
      }
    ]
  },
  "options": {
    "color": "#4ade80",
    "plugins": {
      "legend": {
        "display": false
      },
      "title": {
        "display": true,
        "text": "Q3 OKR — 87% Complete",
        "color": "#bbf7d0",
        "font": {
          "size": 13,
          "weight": "bold"
        }
      }
    },
    "cutout": "75%"
  }
}

More Doughnut templates

Donut KPI

Indigo Donut

Progress Ring