> ## Documentation Index
> Fetch the complete documentation index at: https://help.edzo.com/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.

<Info>
  Charts are automatically generated from the data table you create. Edit the table to update the chart in real-time.
</Info>

## 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

<ParamField path="Chart type" default="bar" type="select">
  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
</ParamField>

### Display settings

<ParamField path="Show data table" default="true" type="switch">
  When enabled, displays the data table alongside the chart.
</ParamField>

<ParamField path="Show labels" default="false" type="switch">
  When enabled, displays value labels on data points. Not available for pie charts.
</ParamField>

<ParamField path="Show grid" default="true" type="switch">
  When enabled, displays grid lines on the chart. Not available for pie charts.
</ParamField>

<ParamField path="Stacked" default="false" type="switch">
  When enabled, stacks multiple data series on top of each other. Not available for pie charts.
</ParamField>

### Axis settings

<ParamField path="Show Y axis title" default="false" type="switch">
  When enabled, displays a title for the Y (vertical) axis. Not available for pie charts.
</ParamField>

<ParamField path="Show X axis title" default="false" type="switch">
  When enabled, displays a title for the X (horizontal) axis. Not available for pie charts.
</ParamField>

<ParamField path="Min quantity" default="0" type="slider">
  The minimum value on the quantity axis (0–1000). Not available for pie charts.
</ParamField>

<ParamField path="Max quantity" default="3" type="slider">
  The maximum value on the quantity axis (0–1000). Not available for pie charts.
</ParamField>

<ParamField path="Tick interval" default="1" type="slider">
  The interval between tick marks on the axis (1–100). Not available for pie charts.
</ParamField>

## 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