Back to Templates
Data Viz
User Growth Chart
Polished user growth chart ready for investor decks and presentations
Claude Code Ready
Multi-step Pipeline
How It Works
4 steps in this workflow
- 1 Generate chart (QuickChart)
- 2 Resize to 1200×675
- 3 Round corners (16px radius)
- 4 Convert to PNG
Code Examples
Use this template programmatically with the FloImg SDK or CLI
const chart = await floimg
.generate('quickchart', {
chart: {
type: 'line',
data: {
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
datasets: [{ label: 'Active Users', data: [1200, 1900, 3000, 5000, 6200, 8100] }]
}
}
})
.transform('resize', { width: 1200, height: 675 }) // 16:9 for slides
.transform('roundCorners', { radius: 16 })
.transform('convert', { to: 'image/png' })
.toBlob();# User Growth Chart
name: "User Growth Chart"
steps:
- kind: generate
generator: quickchart
out: result# User Growth Chart
floimg generate quickchart \
--output result.png
