Module 14 of 71

Divi Chart that makes numbers move.

Bar, line, area, pie, doughnut, radar, polar, scatter and bubble charts. Type the data, import a CSV, or keep it live from a Google Sheet.

Get Divi Supreme Pro Open the playground

What is the Divi Chart module?

Chart is a Divi 5 module in Divi Supreme Pro that draws animated, interactive charts. Add one or more datasets, each with its own label, colours and data points, and pick from nine chart types.

Data can be typed in, imported from CSV, or fetched from a published Google Sheet or CSV URL, with optional live refresh. Control the legend, tooltips, axes, stacking, curves, point styles and animation, and add a data summary table for screen readers.

chart types

easing curves

data sources

custom code

Start from a Chart recipe.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Try every Chart setting.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Datasets

Data Source

Data (CSV)

Title

Chart Type

Orientation

Chart Height340px

Border Width2px

Cutout50%

Circumference360°

Rotation0°

Begin at Zero

Stacked

Fill Area

Line Tension0.3

Point Radius4px

Point Style

Show Data Summary

Show Legend

Legend Position

Legend Align

Show Tooltips

Tooltip Mode

Animate

Duration (ms)1000

Easing

Delay (ms)0

Everything Chart can do.

Updated 14 Oct 2026 in v5.0.83

Nine chart types

Bar (vertical or horizontal), line, area, pie, doughnut, radar, polar area, scatter and bubble.

Live Google Sheets

Fetch a published sheet or any HTTPS CSV, as a snapshot or with live refresh.

Multiple datasets

Each dataset has its own label, colours, border and data points. Stack bars and lines.

Fine control

Cutout, circumference, rotation, line tension, point radius and 11 point styles.

31 easings

Animate on load with duration, delay and easing, or loop the animation.

Accessible summary

A data table under the chart, visible or for screen readers only.

Chart documentation

Setup for Divi 5: datasets, data sources, chart options, legend, tooltips and animation.

Read the guide

Need help? Contact support

Questions about Chart.

Which chart types are included?

Nine: Bar, Line, Area, Pie, Doughnut, Radar, Polar Area, Scatter and Bubble. Bar charts can be vertical or horizontal.

Can the chart read from Google Sheets?

Yes. Set Data Source to Google Sheets, paste the published CSV link, and confirm. Turn on Live refresh to update the chart on your site from the sheet on an interval.

Can I import a CSV file?

Yes. Import CSV in Manual mode, or point CSV URL at any HTTPS address that returns CSV text.

How do multiple datasets work?

Add a Dataset for each series. Category labels come from the first dataset. On pie and doughnut charts each dataset becomes a ring.

Can I change the animation?

Yes. Set the duration, delay and one of 31 easing curves, such as Ease Out Quart or Ease Out Bounce, or turn on Loop Animation.

Is the chart accessible?

Turn on Show Data Summary to add a table of series, labels and values under the chart, either visible or for screen readers only.

Does Chart work with Divi 5 and WPML?

Yes. It is a native Divi 5 module, datasets work with Divi Loops and dynamic content, and labels can be translated with WPML.

Next module, A to Z

Circle Info Module

Related modules

Progress Bar Module

Animated bars for skills and stats.

Table Module

Styled data tables.