Skip to main content
Neon Radar
BoldRadarDashboard

Neon Radar

High-contrast neon green radar on a pure black background. Maximum visual punch for live dashboards.

Open in Studio

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": "radar",
  "width": 560,
  "height": 480,
  "format": "png",
  "data": {
    "labels": [
      "Uptime",
      "Latency",
      "Errors",
      "Throughput",
      "Saturation"
    ],
    "datasets": [
      {
        "label": "System Health",
        "data": [
          99,
          88,
          96,
          82,
          91
        ],
        "borderColor": "#4ade80",
        "backgroundColor": "rgba(74, 222, 128, 0.15)",
        "borderWidth": 2,
        "pointBackgroundColor": "#4ade80",
        "pointRadius": 5
      }
    ]
  },
  "options": {
    "color": "#4ade80",
    "plugins": {
      "legend": {
        "display": false
      },
      "title": {
        "display": true,
        "text": "Infrastructure Health Score",
        "color": "#bbf7d0",
        "font": {
          "size": 14,
          "weight": "bold"
        }
      }
    },
    "scales": {
      "r": {
        "min": 0,
        "max": 100,
        "angleLines": {
          "color": "rgba(74, 222, 128, 0.1)"
        },
        "grid": {
          "color": "rgba(74, 222, 128, 0.08)"
        },
        "pointLabels": {
          "color": "#86efac",
          "font": {
            "size": 11
          }
        },
        "ticks": {
          "display": false
        }
      }
    }
  },
  "theme": {
    "palette": [
      "#4ade80",
      "#22d3ee",
      "#a78bfa",
      "#fb7185",
      "#fbbf24",
      "#f472b6"
    ],
    "backgroundColor": "#0a0a0a",
    "fontFamily": "Inter",
    "fontSize": 11,
    "gridColor": "rgba(74, 222, 128, 0.12)",
    "mode": "dark"
  }
}

More Radar templates