Widget Library

Interactive math manipulatives for K-8 education

View Item Types Demo

Ten Frame

A 2×5 grid for teaching addition, subtraction, and number bonds to 10. Click cells to add or remove counters.

CountingGrade K-2

Single Ten Frame (0-10)

7 counters in ten frame

Count: 7

Double Ten Frame (0-20)

14 counters in double ten frame

Count: 14

Counting Scene

Visual counting scenes with different objects arranged in patterns. Click each object to count it!

CountingGrade K-1

Click each star to count it!

6 stars arranged in scattered pattern

Counted: 0 of 6

Apples in array (5 per row)

8 apples arranged in array pattern

Number Line

Interactive number line with draggable markers and jump arcs for visualizing addition and subtraction.

OperationsGrade K-3

Click anywhere to move the marker

012345678910111213141516171819205Number line from 0 to 20. Current position: 5.

With jump arcs showing 3 + 4 = 7

0123456789101112131415+3+47Number line from 0 to 15. Current position: 7. Shows 2 jumps.

Base Ten Blocks

Visual place value manipulative showing tens (rods) and ones (unit cubes). Click to add or remove blocks.

Place ValueGrade 1-3
373 tens7 ones
3 tens and 7 ones, total 37

3 tens + 7 ones = 37

Place Value Chart

Three-column chart showing hundreds, tens, and ones with visual block representations.

Place ValueGrade 2-3
Hundreds2Tens4Ones6= 246
2 hundreds, 4 tens, 6 ones equals 246

Use the +/- buttons below to change values

Analog Clock

Interactive clock face for learning to tell time. Drag hands or use arrow keys to set the time.

MeasurementGrade 1-2
121234567891011
3:30half past
Clock showing 3 30 minutes

Shape Builder

Drag shapes from the palette to create composite shapes. Double-click to rotate, select and delete to remove.

GeometryGrade K-2
Drag shapes to build:

Drag shapes from the palette. Double-click to rotate. Press R or Delete when selected.

Shape Display

Static display of individual shapes in various colors and rotations.

GeometryGrade K-2

Triangle

Square

Rectangle

Circle

Hexagon

Rhombus

Trapezoid

Right Triangle

Coordinate Plane

Interactive coordinate grid for plotting points and graphing. Click to add points, supports all four quadrants or first quadrant only.

GraphingGrade 5-8

First Quadrant (Grade 5)

2468102468100xyABC

All Four Quadrants (Interactive)

-4-224-4-2240xyIIIIIIIV

Click to plot points

Fraction Bar

Visual fraction representation using horizontal bars. Click parts to select them interactively.

FractionsGrade 3-6

Static: 3/4

1
3/4
= 0.75= 75%

Interactive: Click to select parts

1
0

Click to select parts

Fraction Comparison

Compare multiple fractions visually with aligned bars.

FractionsGrade 3-6

Which is larger: 2/3 or 3/4?

1
2/3
3/4

Dot Plot

Statistical data visualization showing frequency distribution. Each dot represents one data point.

StatisticsGrade 6-8

Test Scores Distribution

Quiz Scores5678910Score13532
n = 14min = 6max = 10

Interactive: Click to add data

Dice Rolls123456

Click to add dots, right-click to remove

Tape Diagram

Bar model for visualizing part-whole relationships and ratios. Essential for ratio and proportion problems.

RatiosGrade 6-8

Ratio 2:3 (Boys to Girls = 10:15)

Boys
5
5
= 10
Girls
5
5
5
= 15
Each part = 5

Unknown value (3x + 2x = ?)

Part A
x
x
x
= 3x
Part B
x
x
= 2x

Ratio Tape

Simplified tape diagram specifically for two-quantity ratios with automatic value calculation.

RatiosGrade 6-8

Recipe ratio: Flour to Sugar = 3:2, Total = 25 cups

Flour
5
5
5
= 15
Sugar
5
5
= 10
Each part = 5

Histogram

Binned frequency distribution for Grade 6 statistics. Shows data grouped into intervals with bar heights representing counts.

Data & StatisticsGrade 6-8

Test Scores Distribution (5 bins)

Test Scores013467Frequency657177838995Score23366
n = 20min = 65.0max = 95.0mean = 82.9

Relative Frequency Mode

Proportions0.000.200.400.600.801.00Proportion55.86.67.48.29Value
n = 15min = 5.0max = 9.0mean = 7.5

Box Plot

Five-number summary with quartiles and outlier detection using the 1.5 × IQR rule.

Data & StatisticsGrade 6-8

Horizontal Box Plot with Labels

Test Score Distribution62697684919865.0Q183.0Q395.0
n = 20min = 65.0Q1 = 74.0median = 83.0Q3 = 89.5max = 95.0

With Outlier Detection

Data with Outlier31935506682
n = 16min = 10.0Q1 = 19.0median = 29.0Q3 = 39.0max = 45.0outliers = 1

Area Model

Rectangle area models for multiplication and division using the distributive property. Perfect for multi-digit multiplication.

OperationsGrade 4-5

Simple Multiplication: 5 × 8

58Total: 40

Partitioned Multiplication: 23 × 14 = (20+3) × (10+4)

2008030122031042314Total: 322

Volume Builder (3D)

3D rectangular prisms with Three.js rendering. Visualizes length × width × height for Grade 5 volume concepts.

GeometryGrade 5

Small Prism: 3 × 2 × 2 (with grid)

Loading 3D view...

Larger Structure: 5 × 3 × 3 (solid)

Loading 3D view...

Pie Widget

Circular fraction model using pie/cake context. Click slices to toggle eaten/remaining in interactive mode.

FractionsGrade 2-5

Apple Pie (5/8)

5/8left

Cherry Pie (4/6)

4/6left

Birthday Cake (6/8)

6/8left

Interactive (4/6)

4/6left

Click slices to eat/restore

Chocolate Bar

Grid-based fraction model using chocolate bar context. Shows eaten vs remaining pieces.

FractionsGrade 2-5

Milk (3/10 eaten)

3/10eaten

Dark (5/12 eaten)

5/12eaten

Interactive (4/10)

4/10eaten

Click pieces to eat/restore

Measuring Cup

Liquid measurement fraction model. Shows filled amount as fraction of capacity.

FractionsGrade 2-5

Water (3/4 cup)

1/42/43/44/4
3/4cup

Juice (2/4 cup)

1/42/43/44/4
2/4cup

Milk (5/8 cup)

2/84/86/88/8
5/8cup

Interactive (3/4)

1/42/43/44/4
3/4cup

Click marks to set level