Chart-OutputChart-OutputDashboard

Examples

Copy-paste examples for emails, Slack, Discord, and forums.

Transactional Email

Order confirmation with bar chart showing items ordered

Live preview

Transactional Email

Code

html
<img 
  src="https://your-api.com/api/v1/render?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 the base URL with your Chart-Output API endpoint. Customize labels, data, type, and title for your use case.

Newsletter

Monthly stats with line chart

Live preview

Newsletter

Code

html
<img 
  src="https://your-api.com/api/v1/render?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 the base URL with your Chart-Output API endpoint. Customize labels, data, type, and title for your use case.

Report Email

Pie chart for plan distribution

Live preview

Report Email

Code

html
<img 
  src="https://your-api.com/api/v1/render?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 the base URL with your Chart-Output API endpoint. Customize labels, data, type, and title for your use case.

Slack / Discord Bot

Markdown image embed for bot messages

Live preview

Slack / Discord Bot

Code

markdown
![Chart](https://your-api.com/api/v1/render?type=bar&labels=Mon,Tue,Wed,Thu,Fri&data=12,19,8,15,22&format=png&width=400&height=200)

Replace the base URL with your Chart-Output API endpoint. Customize labels, data, type, and title for your use case.

Forum Signature

Auto-updating chart badge

Live preview

Forum Signature

Code

html
<img 
  src="https://your-api.com/api/v1/render?type=doughnut&labels=Active,Pending&data=75,25&format=png&width=120&height=120" 
  alt="Status badge" 
  width="120" 
  height="120"
/>

Replace the base URL with your Chart-Output API endpoint. Customize labels, data, type, and title for your use case.