---
title: "New Chart Component"
slug: chart-component
description: "Embed bar, line, and area charts directly in your emails."
created_at: "2026-04-30"
updated_at: "2026-04-30"
image: https://cdn.resend.com/posts/chart-component.jpg
humans: ["gabriel-miranda", "danilo-woznica", "joao-melo"]
---

Numbers buried in a paragraph are easy to skim past. A trend line is hard to ignore.

Data is easier to understand when it's visual. That's why we've added a new Chart component to the email editor, available in both [Broadcasts](/features/broadcasts) and [Templates](/features/templates).

You can now embed bar, line, and area charts directly in your emails.

<YouTube videoId="yGi0WQCdFLA" />

## How it works

Insert a chart using the slash command menu (`/chart`) or from the component toolbar. Once added, configure it from the inspector sidebar:

- **Chart type**: choose between bar, line, and area charts
- **Title**: add a label (also serves as the image alt text for accessibility)
- **Data**: enter values using a spreadsheet-style table or paste raw JSON
- **Series**: rename series and customize colors for each data set

<video src="https://cdn.resend.com/posts/chart-component-configure.mp4" autoPlay loop muted playsInline className="extraWidth" />

As you add data, the editor generates the chart as an image that gets embedded in your email. While the chart will auto-generate on a schedule, you can click **Render chart** to update the image immediately.

## Theming

You can choose a theme for your chart from the inspector sidebar.

<video src="https://cdn.resend.com/posts/chart-component-theme.mp4" autoPlay loop muted playsInline className="extraWidth" />

## Data sources

You can enter data using a spreadsheet-style table or paste raw JSON.

```json
[
  {
    "date": "Feb '26",
    "downloads": 8942400
  },
  {
    "date": "Mar '26",
    "downloads": 16492000
  },
  {
    "date": "Apr '26",
    "downloads": 16036000
  }
]
```

<video src="https://cdn.resend.com/posts/chart-component-data-source.mp4" autoPlay loop muted playsInline className="extraWidth" />

## Built for the realities of email

Every email client runs its own rendering engine, so it's unwise to rely on anything beyond basic HTML.

The editor renders your data as images to ensure it looks the same in every email client. What you see in the editor is exactly what your subscribers see, whether they open in Gmail, Outlook, Apple Mail, or anywhere else.

## What's next

We want to continue to improve the component based on user feedback. If you have suggestions or run into any issues, reach out to us on [support](/support).