> ## Documentation Index
> Fetch the complete documentation index at: https://edzo.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Chart Block

> Learn how to use Chart blocks to display interactive data visualizations in your resources.

The **Chart** block displays interactive data charts including bar charts, column charts, line graphs, and pie charts. Use it to visualize data, demonstrate graphing concepts, or present information visually.

This is a display block for teaching and demonstration. learners can view the chart and its underlying data.

> [!NOTE]
>
> Charts are automatically generated from the data table you create. Edit the table to update the chart in real-time.

## When to use Chart blocks

Chart blocks work well for:

* Displaying data from experiments or surveys
* Demonstrating how to read and interpret graphs
* Comparing quantities visually
* Teaching data literacy and statistics concepts
* Presenting information in an engaging visual format

## Settings

### Chart type

**Chart type** `select` (default: bar)

The type of chart to display:

* **Bar**: Horizontal bars for comparing categories
* **Column**: Vertical bars for comparing categories
* **Line**: Connected points showing trends over time
* **Pie**: Circular chart showing proportions of a whole

### Display settings

**Show data table** `switch` (default: true)

When enabled, displays the data table alongside the chart.

**Show labels** `switch` (default: false)

When enabled, displays value labels on data points. Not available for pie charts.

**Show grid** `switch` (default: true)

When enabled, displays grid lines on the chart. Not available for pie charts.

**Stacked** `switch` (default: false)

When enabled, stacks multiple data series on top of each other. Not available for pie charts.

### Axis settings

**Show Y axis title** `switch` (default: false)

When enabled, displays a title for the Y (vertical) axis. Not available for pie charts.

**Show X axis title** `switch` (default: false)

When enabled, displays a title for the X (horizontal) axis. Not available for pie charts.

**Min quantity** `slider` (default: 0)

The minimum value on the quantity axis (0–1000). Not available for pie charts.

**Max quantity** `slider` (default: 3)

The maximum value on the quantity axis (0–1000). Not available for pie charts.

**Tick interval** `slider` (default: 1)

The interval between tick marks on the axis (1–100). Not available for pie charts.

## Tips for teachers and parents

**Best practices:**

* Choose the chart type that best represents your data; bar/column for comparisons, line for trends, pie for proportions
* Show the data table alongside the chart to help learners connect raw data to visual representation
* Use appropriate axis ranges to accurately represent your data
* Keep data sets simple for younger learners. 3–5 categories works well
* Use charts to introduce graphing concepts before asking learners to create their own


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.