Sunset Multi-Line

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": "line",
  "width": 800,
  "height": 400,
  "format": "png",
  "data": {
    "labels": [
      "Mon",
      "Tue",
      "Wed",
      "Thu",
      "Fri",
      "Sat",
      "Sun"
    ],
    "datasets": [
      {
        "label": "Impressions",
        "data": [
          12400,
          14800,
          11200,
          16900,
          18400,
          9800,
          8200
        ],
        "borderColor": "#f97316",
        "backgroundColor": "transparent",
        "tension": 0.4,
        "borderWidth": 2,
        "pointRadius": 3,
        "pointBackgroundColor": "#f97316"
      },
      {
        "label": "Clicks",
        "data": [
          3840,
          4610,
          3280,
          5120,
          5940,
          2960,
          2410
        ],
        "borderColor": "#fbbf24",
        "backgroundColor": "transparent",
        "tension": 0.4,
        "borderWidth": 2,
        "pointRadius": 3,
        "pointBackgroundColor": "#fbbf24"
      },
      {
        "label": "Conversions",
        "data": [
          184,
          231,
          162,
          264,
          312,
          143,
          118
        ],
        "borderColor": "#a78bfa",
        "backgroundColor": "transparent",
        "tension": 0.4,
        "borderWidth": 2,
        "pointRadius": 3,
        "pointBackgroundColor": "#a78bfa"
      }
    ]
  },
  "options": {
    "color": "#94a3b8",
    "plugins": {
      "legend": {
        "position": "top",
        "align": "start",
        "labels": {
          "color": "#94a3b8",
          "usePointStyle": true,
          "padding": 16
        }
      },
      "title": {
        "display": true,
        "text": "Campaign Performance",
        "color": "#fef3c7",
        "font": {
          "size": 14,
          "weight": "bold"
        }
      }
    },
    "scales": {
      "x": {
        "grid": {
          "display": false
        },
        "border": {
          "display": false
        },
        "ticks": {
          "color": "#64748b"
        }
      },
      "y": {
        "grid": {
          "color": "rgba(148, 163, 184, 0.18)"
        },
        "border": {
          "display": false
        },
        "ticks": {
          "color": "#64748b"
        }
      }
    }
  },
  "theme": {
    "palette": [
      "#f97316",
      "#fb923c",
      "#fbbf24",
      "#a78bfa",
      "#818cf8",
      "#f472b6"
    ],
    "backgroundColor": "#111827",
    "fontFamily": "Inter",
    "fontSize": 12,
    "gridColor": "rgba(148, 163, 184, 0.18)",
    "mode": "dark"
  }
}