Comparison Radar

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": 460,
  "format": "png",
  "data": {
    "labels": [
      "Speed",
      "Reliability",
      "Features",
      "Support",
      "Pricing",
      "Integrations"
    ],
    "datasets": [
      {
        "label": "Us",
        "data": [
          92,
          88,
          84,
          91,
          72,
          88
        ],
        "borderColor": "#3b82f6",
        "backgroundColor": "rgba(59, 130, 246, 0.15)",
        "borderWidth": 2,
        "pointBackgroundColor": "#3b82f6",
        "pointRadius": 4
      },
      {
        "label": "Competitor",
        "data": [
          74,
          71,
          79,
          68,
          88,
          74
        ],
        "borderColor": "#94a3b8",
        "backgroundColor": "rgba(148, 163, 184, 0.1)",
        "borderWidth": 2,
        "pointBackgroundColor": "#94a3b8",
        "pointRadius": 4
      }
    ]
  },
  "options": {
    "color": "#334155",
    "plugins": {
      "legend": {
        "position": "top",
        "labels": {
          "color": "#334155",
          "usePointStyle": true
        }
      },
      "title": {
        "display": true,
        "text": "Competitive Analysis",
        "color": "#0f172a",
        "font": {
          "size": 13,
          "weight": "bold"
        }
      }
    },
    "scales": {
      "r": {
        "min": 0,
        "max": 100,
        "angleLines": {
          "color": "rgba(30, 41, 59, 0.5)"
        },
        "grid": {
          "color": "rgba(30, 41, 59, 0.4)"
        },
        "pointLabels": {
          "color": "#475569",
          "font": {
            "size": 11
          }
        },
        "ticks": {
          "color": "#94a3b8",
          "backdropColor": "rgba(255,255,255,0.8)",
          "font": {
            "size": 9
          }
        }
      }
    }
  },
  "theme": {
    "palette": [
      "#3b82f6",
      "#6366f1",
      "#8b5cf6",
      "#06b6d4",
      "#10b981",
      "#f59e0b"
    ],
    "backgroundColor": "#ffffff",
    "fontFamily": "Inter",
    "fontSize": 11,
    "gridColor": "rgba(30, 41, 59, 0.14)",
    "mode": "light"
  }
}