LightBarEmail
Teal Bar
Teal and blue two-series grouped bar. Balanced and professional for email campaign summaries.
Open in StudioTheme tokens
- Background
- #ffffff
- Font
- Inter / 12px
- Mode
- light
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": "bar",
"width": 600,
"height": 320,
"format": "png",
"data": {
"labels": [
"Support",
"Sales",
"Engineering",
"Design",
"Marketing"
],
"datasets": [
{
"label": "Target",
"data": [
95,
88,
92,
85,
90
],
"backgroundColor": "#ccfbf1",
"borderRadius": 4,
"borderSkipped": false
},
{
"label": "Actual",
"data": [
91,
94,
87,
92,
83
],
"backgroundColor": "#0d9488",
"borderRadius": 4,
"borderSkipped": false
}
]
},
"options": {
"color": "#334155",
"plugins": {
"legend": {
"position": "top",
"align": "start",
"labels": {
"color": "#334155",
"usePointStyle": true,
"padding": 12
}
},
"title": {
"display": true,
"text": "Team Performance vs Target (%)",
"color": "#0f172a",
"font": {
"size": 12,
"weight": "bold"
}
}
},
"scales": {
"x": {
"grid": {
"display": false
},
"border": {
"display": false
},
"ticks": {
"color": "#64748b",
"font": {
"size": 11
}
}
},
"y": {
"grid": {
"color": "rgba(30, 41, 59, 0.14)"
},
"border": {
"display": false
},
"ticks": {
"color": "#64748b"
},
"min": 75,
"max": 100
}
}
},
"theme": {
"palette": [
"#0d9488",
"#0891b2",
"#0284c7",
"#2563eb",
"#7c3aed",
"#db2777"
],
"backgroundColor": "#ffffff",
"fontFamily": "Inter",
"fontSize": 12,
"gridColor": "rgba(30, 41, 59, 0.14)",
"mode": "light"
}
}