Chart Kit Module for Divi

Divi Chart Logo

Modules

Active Users

Demo Sections

Features

  • Line Chart

  • Column Chart

  • Pie Chart

  • Mixed Chart

Line Chart

Line Chart

Combine multiple chart types in a Mixed Chart, offering a versatile way to compare diverse datasets in one visualization.

Column Chart

Column Chart

Display data comparisons easily with a Column Chart, highlighting differences between categories with clear, vertical bars.

Area Chart

Area Chart

Visualize cumulative data trends over time with an Area Chart, emphasizing magnitude and changes through shaded regions.

Bar Chart

Bar Chart

Compare data across categories with a Bar Chart, using horizontal bars for clear visual distinctions and comparisons.

Radar Chart

Radar Chart

Display multivariate data on a circular grid with a Radar Chart, comparing values across multiple dimensions effectively.

Funnel Chart

Funnel Chart

Visualize stages in a process with a Funnel Chart, highlighting drop-offs and conversion rates at each step.

Treemap Chart

Treemap Chart

Display hierarchical data with a Treemap Chart, using nested rectangles to compare proportions and visualize data distribution.

Heatmap Chart

Heatmap Chart

Visualize data intensity with a Heatmap Chart, using color gradients to highlight patterns, correlations, and variations.

Boxplot Chart

Boxplot Chart

Summarize data distribution with a Boxplot Chart, highlighting medians, quartiles, and outliers for effective statistical analysis.

Candlestick Chart

Candlestick Chart

Visualize price movements in financial markets with a Candlestick Chart, showing open, high, low, and close values effectively.

Radialbar Chart

Radialbar Chart

Display data progress and performance with a Radial Bar Chart, using circular bars to illustrate completion percentages visually.

Polararea Chart

Polar Area Chart

Visualize data proportions in a circular format with a Polar Area Chart, highlighting differences through radial segments.

Mixed Chart

Mixed Chart

Combine multiple chart types in a Mixed Chart, offering a versatile way to compare diverse datasets in one visualization.

Line Chart

Visualize data trends and fluctuations over time with a Line Chart, offering a clear and smooth progression analysis.

Line Chart
Column Chart

Column Chart

Display data comparisons easily with a Column Chart, highlighting differences between categories with clear, vertical bars.

Area Chart

Visualize cumulative data trends over time with an Area Chart, emphasizing magnitude and changes through shaded regions.

Area Chart
Bar Chart

Bar Chart

Compare data across categories with a Bar Chart, using horizontal bars for clear visual distinctions and comparisons.

Pie Chart

Show data proportions in a Pie Chart, visually dividing a whole into slices representing percentage-based contributions.

Pie Chart
Radar Chart

Radar Chart

Display multivariate data on a circular grid with a Radar Chart, comparing values across multiple dimensions effectively.

Funnel Chart

Visualize stages in a process with a Funnel Chart, highlighting drop-offs and conversion rates at each step.

Funnel Chart
Treemap Chart

Treemap Chart

Display hierarchical data with a Treemap Chart, using nested rectangles to compare proportions and visualize data distribution.

Heatmap Chart

Visualize data intensity with a Heatmap Chart, using color gradients to highlight patterns, correlations, and variations.

Heatmap Chart
Boxplot Chart

Boxplot Chart

Summarize data distribution with a Boxplot Chart, highlighting medians, quartiles, and outliers for effective statistical analysis.

Candlestick Chart

Visualize price movements in financial markets with a Candlestick Chart, showing open, high, low, and close values effectively.

Candlestick Chart
Radialbar Chart

Radialbar Chart

Display data progress and performance with a Radial Bar Chart, using circular bars to illustrate completion percentages visually.

Polar Area Chart

Visualize data proportions in a circular format with a Polar Area Chart, highlighting differences
through radial segments.

Polararea Chart
Mixed Chart

Mixed Chart

Combine multiple chart types in a Mixed Chart,
offering a versatile way to compare diverse
datasets in one visualization.

Unique Chart Styles for Full Customization

Chart Type

Chart Type

Using different data sources—whether custom, CSV, databases, APIs, or Google Sheets—provides flexibility in chart creation.

Custom Data Type

Custom Data Type

Custom Data Types are especially useful when you want to preprocess or manipulate data before charting, or if you’re working with complex datasets.

CSV Upload Type

CSV Upload Type

Using CSV data to create charts is a common approach, especially when handling data from external sources.

Database Data Type

Database Data Type

Using Database Data Type to create a chart involves directly retrieving data from a database (such as MySQL, PostgreSQL, etc.)

Google Sheets

Google Sheet

Using Google Sheets as a data source for charts involves accessing data directly from a Google Sheets document via the Google Sheets API.

Chart Design Option

Chart Design Options

Setting up theme and background options is powerful for making charts visually distinct and enhancing data clarity.

Marker Option

Marker Options

Marker Options in Chart define the visual representation of data points on a chart. Key settings include: Size, Colors, Shape, Hover Effects etc.

Data Label Settings

Data Label Settings

Data Label Settings control the appearance and behaviour of labels that display data values directly on the chart. Key options include: Enabled, Formatter, Style, Position etc.

X-Axis Option

X-Axis Settings

The X-Axis in chart is crucial for defining the horizontal orientation of your chart, typically representing categories or values.

Toolbar Option

Toolbar Options

The Toolbar Option provides interactive controls that enhance user experience when viewing charts. It allows you to add features like Download, Zooming, Reset etc.

Chart Type

Chart Type

Using different data sources—whether custom, CSV, databases, APIs, or Google Sheets—provides flexibility in chart creation.

CSV Upload Type

Using CSV data to create charts is a common approach, especially when handling data from external sources.

CSV Upload Type
Custom Data Type

Custom Data Type

Custom Data Types are especially useful when you want to preprocess or manipulate data before charting, or if you’re working with complex datasets.

Google Sheet

Using Google Sheets as a data source for charts involves accessing data directly from a Google Sheets document via the Google Sheets API.

Google Sheets
Database Data Type

Database Data Type

Using Database Data Type to create a chart involves directly retrieving data from a database (such as MySQL, PostgreSQL, etc.)

Chart Design Options

Setting up theme and background options is powerful for making charts visually distinct and enhancing data clarity.

Chart Design Option
Toolbar Option

Toolbar Options

The Toolbar Option provides interactive controls that enhance user experience when viewing charts. It allows you to add features like Download, Zooming, Reset etc.

X-Axis Settings

The X-Axis in chart is crucial for defining the horizontal orientation of your chart, typically representing categories or values.

X-Axis Option
Data Label Settings

Data Label Settings

Data Label Settings control the appearance and behavior of labels that display data values directly on the chart. Key options include: Enabled, Formatter, Style, Position etc.

Marker Options

Marker Options in Chart define the visual representation of data points on a chart. Key settings include: Size, Colors, Shape, Hover Effects etc.

Marker Option

Pricing & Plan