BoldLineDashboard
Sunset Multi-Line
Three-series line chart in a warm orange-amber palette on a dark canvas. High visual impact for dashboards.
Theme tokens
- Background
- #111827
- Font
- Inter / 12px
- Mode
- dark
API snippet
POST this to /api/v1/render to render this template programmatically.
POST /api/v1/render HTTP/1.1
Content-Type: application/json
Authorization: Bearer YOUR_API_KEY
{
"type": "line",
"width": 800,
"height": 400,
"format": "png",
"devicePixelRatio": 4,
"theme": {
"palette": [
"#f97316",
"#fb923c",
"#fbbf24",
"#a78bfa",
"#818cf8",
"#f472b6"
],
"backgroundColor": "#111827",
"fontFamily": "Inter",
"fontSize": 16,
"gridColor": "rgba(148, 163, 184, 0.18)",
"mode": "dark"
},
"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"
}
}
}
}
}