Chart-OutputExamples
Copy-paste examples for emails, Slack, Discord, and forums.
Transactional Email
Order confirmation with bar chart showing items ordered
Live preview
Code
<img
src="https://chart-output.com/api/v1/render?key=pk_live_YOUR_KEY&type=bar&labels=Product%20A,Product%20B,Product%20C&data=2,3,1&title=Items%20Ordered&format=png&width=500&height=250"
alt="Order items chart"
width="500"
height="250"
/>Replace pk_live_YOUR_KEY with your API key. Customize labels, data, type, and title for your use case.
Newsletter
Monthly stats with line chart
Live preview
Code
<img
src="https://chart-output.com/api/v1/render?key=pk_live_YOUR_KEY&type=line&labels=Jan,Feb,Mar,Apr,May,Jun&data=120,150,180,160,200,220&title=Monthly%20Revenue&format=png&width=600&height=300"
alt="Monthly revenue chart"
width="600"
height="300"
/>Replace pk_live_YOUR_KEY with your API key. Customize labels, data, type, and title for your use case.
Report Email
Pie chart for plan distribution
Live preview
Code
<img
src="https://chart-output.com/api/v1/render?key=pk_live_YOUR_KEY&type=pie&labels=Starter,Pro,Business&data=45,35,20&title=Plan%20Distribution&format=png&width=400&height=400"
alt="Plan distribution"
width="400"
height="400"
/>Replace pk_live_YOUR_KEY with your API key. Customize labels, data, type, and title for your use case.
Slack / Discord Bot
Markdown image embed for bot messages
Live preview
Code
Replace pk_live_YOUR_KEY with your API key. Customize labels, data, type, and title for your use case.
Forum Signature
Auto-updating chart badge
Live preview
Code
<img
src="https://chart-output.com/api/v1/render?key=pk_live_YOUR_KEY&type=doughnut&labels=Active,Pending&data=75,25&format=png&width=120&height=120"
alt="Status badge"
width="120"
height="120"
/>Replace pk_live_YOUR_KEY with your API key. Customize labels, data, type, and title for your use case.