📊 Percent Bar

Represent and compute percents using a visual bar model (0–100 scale).

What do you want to find?

PART given

WHOLE given

PERCENT (%) find

BAR COLOR

CONTEXT LABEL

Benchmark lines (25%, 50%, 75%)Show fractionShow decimalRound percent to whole number

Part = decimal × Whole

35 = 0.35 × 100

Choose a Problem

Practice Problems

✓ Solution

📐 Percent Triangle

Find Part, Whole, or Percent using the percent triangle.

Percent Triangle — Tap a section to hide/reveal

FIND

CONTEXT

PERCENT (%)

WHOLE

Part = decimal × Whole

Part = 0.25 × 80 = 20

Choose a Problem

Practice Problems

🎉 Excellent!

📈 Proportional Relationships Graph

Explore y = kx and identify the constant of proportionality.

Graph Controls

CONSTANT k

k SLIDER

X LABEL

Y LABEL

X MAX

Data tableUnit rate point (1,k)Show y=kxGrid

k = 3 | Equation: y = 3x | Unit rate: 3 miles per hour

Choose a Problem

Practice

🎉 Great work!

⚡ Unit Rate Explorer

Compute and interpret unit rates using a double number line.

Unit Rate Setup

QUANTITY A LABEL

QUANTITY A

per

QUANTITY B LABEL

QUANTITY B

Show 4 equivalent ratesShow division sentenceHide unit rate (guided discovery)

Unit Rate

miles per hour

Choose a Problem

Choose a Context

🎉 Unit rate mastery!

🔄 Percent Change

Visualize and compute percent increase, decrease, markup, and markdown.

Percent Change Controls

FIND

CONTEXT

ORIGINAL VALUE

NEW VALUE

PERCENT CHANGE (%)

Show common error (wrong denominator)

% Change = New − OriginalOriginal × 100

Choose a Problem

Problem Type

🎉 Percent change mastered!

PROPORTIONS & PERCENTS

Percent Bar — Builder

LIVE CONTROLS

PART

WHOLE

PERCENT

SOLVE FOR

Benchmark lines

Visualization