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

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

> [!NOTE]
>
> Fractions can be displayed as rectangles (area model) or circles (pie model), helping learners see fractions in different contexts.

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

**Shape** `select` (default: rectangle)

The visual representation of the fraction:

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

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

When enabled, displays the numeric fraction (e.g., 3/4) alongside the visual.

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

When enabled, displays the greatest common divisor information, useful for simplifying fractions.

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


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