Monthly Trend

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": 600,
  "height": 300,
  "format": "png",
  "data": {
    "labels": [
      "Jan",
      "Feb",
      "Mar",
      "Apr",
      "May",
      "Jun",
      "Jul",
      "Aug",
      "Sep",
      "Oct",
      "Nov",
      "Dec"
    ],
    "datasets": [
      {
        "label": "NPS Score",
        "data": [
          42,
          44,
          47,
          46,
          51,
          54,
          58,
          57,
          61,
          63,
          67,
          71
        ],
        "borderColor": "#0d9488",
        "backgroundColor": "rgba(13, 148, 136, 0.08)",
        "fill": true,
        "tension": 0.4,
        "borderWidth": 2,
        "pointRadius": 3,
        "pointBackgroundColor": "#0d9488"
      }
    ]
  },
  "options": {
    "color": "#334155",
    "plugins": {
      "legend": {
        "display": false
      },
      "title": {
        "display": true,
        "text": "Net Promoter Score (12-Month)",
        "color": "#0f172a",
        "font": {
          "size": 12,
          "weight": "bold"
        }
      }
    },
    "scales": {
      "x": {
        "grid": {
          "display": false
        },
        "border": {
          "display": false
        },
        "ticks": {
          "color": "#94a3b8",
          "font": {
            "size": 10
          }
        }
      },
      "y": {
        "grid": {
          "color": "rgba(30, 41, 59, 0.14)"
        },
        "border": {
          "display": false
        },
        "ticks": {
          "color": "#94a3b8",
          "font": {
            "size": 10
          }
        }
      }
    }
  },
  "theme": {
    "palette": [
      "#0d9488",
      "#0891b2",
      "#0284c7",
      "#2563eb",
      "#7c3aed",
      "#db2777"
    ],
    "backgroundColor": "#ffffff",
    "fontFamily": "Inter",
    "fontSize": 12,
    "gridColor": "rgba(30, 41, 59, 0.14)",
    "mode": "light"
  }
}