BoldPolarDashboard

Vibrant Polar

Six-segment polar area bursting with vivid color on a pure black canvas. Maximum visual impact.

Theme 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": "polarArea",
  "width": 560,
  "height": 460,
  "format": "png",
  "data": {
    "labels": [
      "Revenue",
      "Users",
      "Uptime",
      "Satisfaction",
      "Growth",
      "Retention"
    ],
    "datasets": [
      {
        "data": [
          91,
          84,
          98,
          88,
          76,
          93
        ],
        "backgroundColor": [
          "rgba(34,211,238,0.8)",
          "rgba(74,222,128,0.8)",
          "rgba(250,204,21,0.8)",
          "rgba(244,114,182,0.8)",
          "rgba(129,140,248,0.8)",
          "rgba(251,113,133,0.8)"
        ],
        "borderWidth": 0
      }
    ]
  },
  "options": {
    "color": "#f1f5f9",
    "plugins": {
      "legend": {
        "position": "right",
        "labels": {
          "color": "#cbd5e1",
          "usePointStyle": true,
          "padding": 12
        }
      },
      "title": {
        "display": true,
        "text": "Business Health Overview",
        "color": "#f8fafc",
        "font": {
          "size": 13,
          "weight": "bold"
        }
      }
    },
    "scales": {
      "r": {
        "grid": {
          "color": "rgba(255,255,255,0.05)"
        },
        "ticks": {
          "display": false
        }
      }
    }
  },
  "theme": {
    "palette": [
      "#22d3ee",
      "#4ade80",
      "#facc15",
      "#f472b6",
      "#818cf8",
      "#fb7185"
    ],
    "backgroundColor": "#0a0a0a",
    "fontFamily": "Inter",
    "fontSize": 11,
    "gridColor": "rgba(255,255,255,0.06)",
    "mode": "dark"
  }
}

More Polar templates

Polar Feature

Indigo Polar

Polar Skills