Interactive Multiplication Chart

Hover or arrow-key across a 12×12 multiplication chart to light up any times-table fact, with an area model that shows why a × b is a rectangle of that many squares.

Multiplication table, 1 to 12
×123456789101112
1123456789101112
224681012141618202224
3369121518212427303336
44812162024283236404448
551015202530354045505560
661218243036424854606672
771421283542495663707784
881624324048566472808896
9918273645546372819099108
10102030405060708090100110120
11112233445566778899110121132
121224364860728496108120132144

7 × 8 = 56

The shaded rectangle is 7 rows of 8 — that's 56 squares.

7 times 8 equals 56

How to read the multiplication chart

A multiplication chart lays out every product in a grid. To find a fact, pick a number along the top and a number down the side — the cell where the row and column meet is their product. Hover any cell above (or focus the grid and use the arrow keys) to light it up and read the fact in full.

The area model: why a × b is a rectangle

Turn on the area model and the chart shades a rectangle from the top-left corner to your cell. That rectangle is a rows of b — so the product is literally the number of unit squares inside it. Seeing 6 × 7 as a 6-by-7 block of 42 squares is what makes multiplication click, long before the facts are memorized.

Patterns worth noticing

Using this with a class

Project it and quiz a fact, then reveal the cell; or turn on the area model and ask why the rectangle has that many squares. It’s free to embed on your own site or LMS — see the snippet below. Pair it with the coordinate plane for more grid-reading practice.

Sources

Last reviewed: 2026-06-19

Embed this on your site

Free to use. Paste this anywhere — a link back to PrepOK is included.

Related