Skip to content

Concept module

Matrix Transformations / Stretch, Shear, Reflection

Let one 2 by 2 matrix act on a grid, the basis vectors, and a sample shape so stretch, shear, reflection, and combined plane changes stay visual instead of symbolic-only.

The simulation shows a coordinate plane with the transformed grid, two draggable basis-image vectors, the transformed unit square, a transformed sample triangle, and a tracked probe point. Sliders change the four matrix entries that set the images of the two basis vectors. Compare mode can overlay a second transformed setup, and graph hover can preview the same matrix action blended in from the identity matrix to the current matrix. M e1 = <1.2, 0>, M e2 = <0.4, 1>, and the tracked probe lands at <2.36, 1.1>. The transformed square keeps its orientation, so the action stays on the non-reflecting side. Off-axis entries are leaning the basis vectors, so the grid is shearing as well.

Interactive lab

Matrix transformations

Drag the images of e1 and e2 or edit the matrix entries directly. The grid, the unit square, and the sample triangle all follow the same 2 by 2 action on the plane.

columns = images of e1 and e2
-6-5-4-3-2-10123456-6-5-4-3-2-10123456xyM e1M e2M pMatrix actionLiveM e1<1.2, 0>M e2<0.4, 1>M p<2.36, 1.1>|M e1|1.2|M e2|1.08M = [[1.2, 0.4], [0, 1]]Orientation kept: this action has not reflected the plane.Off-axis entries lean the grid, so the action includes shear.

Controls

1.2
0
0.4
1

More tools

Secondary controls, alternate presets, and less-used toggles stay nearby without crowding the main bench.

Show

More presets

Presets

Predict -> manipulate -> observe

Keep the active prompt next to the controls so each change has an immediate visible consequence.

ObservationPrompt 1 of 3
Drag one basis-image handle and watch the same column change in the matrix, the grid, the square, and the sample triangle all at once.

Graphs

Switch graph views without breaking the live stage and time link.

Tracked point during the blend

Blend from the identity matrix to the current matrix and watch the tracked point coordinates evolve.

blend t: 0 to 1coordinate value: -4 to 4
probe xprobe y
Tracked point during the blendBlend from the identity matrix to the current matrix and watch the tracked point coordinates evolve.00.250.50.751-4-2024blend tcoordinate value
Hover or scrub to link the graph back to the stage.blend t / coordinate value

Equation map

See each variable before you move it.

Select a symbol to highlight the matching control and the graph or overlay it most directly changes.

First-column x entry
1.2

Sets the x-component of $M e_1$.

Graph: Tracked point during the blendGraph: Basis-vector lengths during the blendOverlay: Basis vectorsOverlay: Unit square

Equations in play

Choose an equation to sync the active symbol, control highlight, and related graph mapping.

More tools

Detailed noticing prompts, guided overlays, and challenge tasks stay available without taking over the main bench.

Hide

What to notice

Keep the matrix entries tied to the visible plane action instead of treating them as detached numbers.

ObservationPrompt 1 of 3
Drag one basis-image handle and watch the same column change in the matrix, the grid, the square, and the sample triangle all at once.
Control: First-column x entryControl: First-column y entryControl: Second-column x entryControl: Second-column y entryGraph: Basis-vector lengths during the blendOverlay: Basis vectorsOverlay: Unit squareEquationEquationEquationEquation

Guided overlays

Focus one overlay at a time to see what it represents and what to notice in the live motion.

4 visible

Overlay focus

Reference frame

Keep the original square and triangle visible behind the transformed versions.

What to notice

  • The transformed objects stay tied to one fixed starting picture.

Why it matters

A stable reference makes it easier to separate stretch, shear, and reflection.

Control: First-column x entryControl: Second-column x entryControl: First-column y entryControl: Second-column y entryGraph: Tracked point during the blendGraph: Basis-vector lengths during the blendEquationEquationEquationEquation

Challenge mode

Use the basis columns, the unit square, and the transformed sample shape together. This checkpoint is about reading a matrix as one plane action instead of four disconnected entries.

0/1 solved
MatchCore

6 of 8 checks

Right-shear checkpoint

Start from the identity matrix and build a right shear that keeps the first basis vector near its original x-axis direction while the unit square becomes a right-leaning parallelogram. Keep the basis and square visible so the column story stays on the plane.
Graph-linkedGuided start2 hints

Suggested start

Change the second column first. A right shear comes from moving where lands while leaving almost unchanged.
Matched
Open the Tracked point during the blend graph.
Tracked point during the blend
Matched
Keep the Basis vectors visible.
On
Matched
Keep the Unit square visible.
On
Matched
Keep the Sample triangle visible.
On
Pending
Keep the first-column x entry near .
1.2
Matched
Keep the first-column y entry near .
0
Pending
Push the second-column x entry close to so leans right.
0.4
Matched
Keep the second-column y entry near so the shear does not collapse the vertical scale.
1

The checklist updates from the live simulation state, active graph, overlays, inspect time, and compare setup.

M e1 = <1.2, 0>, M e2 = <0.4, 1>, and the tracked probe lands at <2.36, 1.1>. The transformed square keeps its orientation, so the action stays on the non-reflecting side. Off-axis entries are leaning the basis vectors, so the grid is shearing as well.
Equation detailsDeeper interpretation, notes, and worked variable context.

2 by 2 matrix

Packages one linear action on the plane into four entries.

First-column x entry 1.2 First-column y entry 0 Second-column x entry 0.4 Second-column y entry 1

Columns are basis images

Explains why the two columns already tell you how the unit square and the whole grid will move.

First-column x entry 1.2 First-column y entry 0 Second-column x entry 0.4 Second-column y entry 1

Action on any vector

Shows how every point is rebuilt from the same basis-image columns.

First-column x entry 1.2 First-column y entry 0 Second-column x entry 0.4 Second-column y entry 1

Progress

Not startedMastery: NewLocal-first

Start exploring and Open Model Lab will keep this concept's progress on this browser first. Challenge mode has 1 compact task ready. No finished quick test, solved challenge, or completion mark is saved yet.

Let the live model runChange one real controlOpen What to notice

Try this setup

Jump to a named bench state or copy the one you are looking at now. Shared links reopen the same controls, graph, overlays, and compare context.

Saved setups

Premium keeps named exact-state study setups in your account while stable concept links stay public below.

Checking saved setup access.

This concept can keep using stable links while the saved-setups capability resolves for this browser.

Copy current setup

Stable concept and section links stay public below while exact-state setup sharing stays behind premium.

Stable links

Short explanation

What the system is doing

A 2 by 2 matrix becomes easier to trust when it is treated as a visible action on the plane instead of a detached table of numbers. This bench keeps the transformed grid, the basis vectors, the unit square, and one sample triangle on the same coordinate system so stretch, shear, reflection, and combined actions stay geometric.

The cleanest reading is column-first. The first column tells you where lands, the second column tells you where lands, and every other point follows by the same combination rule.

Key ideas

01The columns of the matrix are the images of the basis vectors, so they already tell you how the unit square and the grid will lean, stretch, or reflect.
02A matrix acts on every point with the same linear rule $M\langle x, y \rangle = \langle ax + by, cx + dy \rangle$, so straight grid lines stay straight.
03Stretch, shear, and reflection are different visible outcomes of the same 2 by 2 action.

Worked example

Read the full frozen walkthrough.

Frozen walkthrough
Use two fixed matrix cases to keep the column rule tied to a clear plane picture.

Live worked examples are available on Premium. You can still read the full frozen walkthrough on the free tier.

View plans
Frozen valuesUsing frozen parameters

For the shear matrix , where do and land?

First-column x entry

1

First-column y entry

0

Second-column x entry

1

Second-column y entry

1

1. Read the matrix columns directly

The matrix columns are and .

2. Apply it to the first basis vector

Because , the first column is its image, so .

3. Apply it to the second basis vector

Because , the second column is its image, so .

Current basis images

The first basis direction stays put while the second basis direction leans right, so the unit square becomes a right-leaning parallelogram.

Common misconception

Each entry moves the sample shape independently, so the grid and basis vectors are just decoration.

The entries matter because they set the two basis-image columns.

Once those columns are fixed, the grid, the unit square, and every sample point all follow from the same linear combination rule.

Mini challenge

Set the matrix so the unit square leans to the right without flipping over, and keep the first basis vector close to the original x-axis direction.

Prediction prompt

Decide whether you need a stretch, a shear, or a reflection before you touch the columns.

Check your reasoning

You need a positive-orientation shear: keep near while moving to the right.
That creates a slanted parallelogram instead of a mirror image. The basis columns control the whole picture.

Quick test

Reasoning

Question 1 of 3

Answer from the live plane picture and the column rule together.

What is the most honest first interpretation of the two columns of a 2 by 2 matrix on this bench?

Choose one answer to reveal feedback, then test the idea in the live system if a guided example is available.

Accessible description

The simulation shows a coordinate plane with the transformed grid, two draggable basis-image vectors, the transformed unit square, a transformed sample triangle, and a tracked probe point. Sliders change the four matrix entries that set the images of the two basis vectors.

Compare mode can overlay a second transformed setup, and graph hover can preview the same matrix action blended in from the identity matrix to the current matrix.

Graph summary

One graph tracks the x- and y-coordinates of a fixed probe point while the current matrix is blended in from the identity matrix. The second graph tracks the lengths of the transformed basis vectors over the same blend.

Those graphs are tied to the same plane, so hovering them previews an intermediate matrix action directly on the grid and shapes.