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

# Fraction Block

> Learn how to use Fraction blocks to display interactive fraction visualizations in your resources.

The **Fraction** block displays an interactive visual representation of fractions. Use it to demonstrate fraction concepts, show part-whole relationships, or illustrate equivalent fractions.

This is a display block for teaching and demonstration. learners can view and interact with the fraction model.

<Info>
  Fractions can be displayed as rectangles (area model) or circles (pie model), helping learners see fractions in different contexts.
</Info>

## When to use Fraction blocks

Fraction blocks work well for:

* Demonstrating part-whole relationships
* Visualizing fractions as shaded portions
* Showing equivalent fractions
* Teaching fraction concepts before formal notation
* Illustrating fraction addition and comparison

## Settings

### Display settings

<ParamField path="Shape" default="rectangle" type="select">
  The visual representation of the fraction:

  * **Rectangle**: Shows the fraction as a shaded area model (bar)
  * **Circles**: Shows the fraction as shaded pie segments
</ParamField>

<ParamField path="Show Fraction" default="true" type="switch">
  When enabled, displays the numeric fraction (e.g., 3/4) alongside the visual.
</ParamField>

<ParamField path="Show GCD" default="true" type="switch">
  When enabled, displays the greatest common divisor information, useful for simplifying fractions.
</ParamField>

### Configuring the fraction

The fraction is defined by the number of parts and how many are shaded:

* **Total parts**: The denominator (how many equal parts the whole is divided into)
* **Shaded parts**: The numerator (how many parts are filled in)

You can configure each part individually in the block editor.

## Tips for teachers and parents

**Best practices:**

* Use **rectangles** for area model understanding and comparing fractions
* Use **circles** for fractions of time, pizza-style problems, or pie charts
* Start with simple fractions (halves, quarters) before more complex denominators
* Show the numeric fraction alongside the visual to connect representations
* Use multiple Fraction blocks to compare fractions or show equivalence
* Hide the numeric fraction when you want learners to identify the fraction from the visual