Rose 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": 480,
  "format": "png",
  "data": {
    "labels": [
      "Acquisition",
      "Activation",
      "Retention",
      "Revenue",
      "Referral"
    ],
    "datasets": [
      {
        "label": "Product A",
        "data": [
          78,
          84,
          71,
          89,
          62
        ],
        "borderColor": "#fb7185",
        "backgroundColor": "rgba(251, 113, 133, 0.2)",
        "borderWidth": 2,
        "pointBackgroundColor": "#fb7185",
        "pointRadius": 4
      },
      {
        "label": "Product B",
        "data": [
          62,
          71,
          83,
          74,
          81
        ],
        "borderColor": "#f43f5e",
        "backgroundColor": "rgba(244, 63, 94, 0.15)",
        "borderWidth": 2,
        "pointBackgroundColor": "#f43f5e",
        "pointRadius": 4
      }
    ]
  },
  "options": {
    "color": "#94a3b8",
    "plugins": {
      "legend": {
        "position": "top",
        "labels": {
          "color": "#94a3b8",
          "usePointStyle": true
        }
      },
      "title": {
        "display": true,
        "text": "AARRR Metrics Comparison",
        "color": "#ffe4e6",
        "font": {
          "size": 14,
          "weight": "bold"
        }
      }
    },
    "scales": {
      "r": {
        "min": 0,
        "max": 100,
        "angleLines": {
          "color": "rgba(251, 113, 133, 0.15)"
        },
        "grid": {
          "color": "rgba(251, 113, 133, 0.12)"
        },
        "pointLabels": {
          "color": "#fda4af",
          "font": {
            "size": 11
          }
        },
        "ticks": {
          "display": false
        }
      }
    }
  },
  "theme": {
    "palette": [
      "#fb7185",
      "#f43f5e",
      "#e11d48",
      "#be123c",
      "#9f1239",
      "#881337"
    ],
    "backgroundColor": "#111827",
    "fontFamily": "Inter",
    "fontSize": 11,
    "gridColor": "rgba(148, 163, 184, 0.18)",
    "mode": "dark"
  }
}