Every equation hides a line.

A quick word on coordinates.

Before a line can appear, you need a place to draw it. That place is the coordinate plane — two number lines crossing at right angles. The flat one running left–right is the x-axis. The upright one running up–down is the y-axis. Where they cross, at zero–zero, is called the origin.

Any spot on this grid gets a name made of two numbers in brackets, like (3, 2) — that pair is a coordinate. The rule for reading it never changes: the first number is how far you walk across (along x), the second is how far you go up (along y). Across first, then up — always in that order. People remember it as "along the corridor, then up the stairs."

The order genuinely matters, by the way: (3, 2) and (2, 3) are two different spots, so it's worth slowing down for a second when you read a pair. And the numbers don't have to be friendly and positive. A negative x just means walk left of the origin instead of right; a negative y means go down instead of up. So (−4, −1) lives down in the bottom-left, and (0, 5) sits straight up the y-axis because you walked zero across. The grid stretches forever in all four directions — we're just zooming in on a comfy patch of it.

That's the whole stage. Now let's give it a rule and watch points appear.

Feed a rule some numbers.

Here is a rule: y = 2x + 1. Read it as an instruction. "Whatever x is, double it, then add one — that's your y." The rule doesn't care which x you pick; hand it any x and it hands you back exactly one y. Each (x, y) answer is a coordinate you can plot.

So let's just try a few. Pick x = 0: double it (still 0), add 1, and y = 1, giving the point (0, 1). Pick x = 1: double to 2, add 1, y = 3, so (1, 3). Pick x = 2: y = 5, so (2, 5). Tap the button below to drop each point onto the grid one at a time, then join them up.

Every dot here passed the same test: its y really is 2 times its x, plus 1. Nothing was nudged into place.

Why on earth do they line up?

You just watched five separate points — worked out independently from the same rule — land in a dead-straight row. That isn't luck. It comes from one fact: in y = 2x + 1, every time x grows by 1, y grows by exactly 2. Always 2. Same jump, every step.

A constant jump is what "straight" means. From (−1, −1) to (0, 1) you step 1 right and 2 up. From (0, 1) to (1, 3): 1 right, 2 up. Identical staircase, over and over, so the points keep the same heading and never bend. That steady up-amount-per-step is the soul of a linear graph — and it has a name we're about to meet.

An equation where x and y only appear "plain" — no squaring, no square roots, no hiding x on the bottom of a fraction — is called linear, and its graph is always a straight line. That's literally why it's called linear.

One equation, two dials.

Every straight line in the world can be written y = mx + c. Just two numbers, m and c, decide the entire line. Grab the sliders and watch it redraw the instant you move them.

m is the steepness.

The number sitting in front of the x is the gradient — your line's steepness, written m. It answers one question: for every 1 step I take to the right, how far does the line go up? That's all it is. We even say it out loud as a fraction: gradient = rise ÷ run, the "up amount" divided by the "across amount."

Slide m back up high in the demo and the line rears up like a ski jump. Drag it down toward zero and the line flattens out, lazy and almost level. A gradient of 2 means up 2 for every 1 across; a gradient of ½ means a gentle up 1 for every 2 across. Bigger number, steeper climb — that's the whole story of m.

• Big m (like 3): a steep climb — lots of up for a little across.
• Small m (like ½): a gentle slope — barely rising as you move right.
• m = 1: the tidy 45° diagonal — up 1, across 1, step for step.

And here's the lovely bit: you can read the gradient straight off any line you're given, no equation required. Pick two points the line clearly passes through, then count squares — how many you climb up, and how many you move across to get from one to the other. Divide the up by the across and that's your gradient. Because the line is straight, it doesn't matter which two points you choose; the answer comes out the same every time. That's exactly what the dashed little triangle in the demo is showing you: one step across, m steps up.

c is where it starts.

The lonely number on the end is c, the y-intercept — the exact height where the line crosses the y-axis. Here's the neat reason why: the y-axis is the line of points where x = 0. Pop x = 0 into y = mx + c and the mx part vanishes, leaving just y = c. So the line always punches through the y-axis at the point (0, c). No working out needed — c hands you the crossing height directly.

In the demo, drag the c slider and the whole line glides straight up and down without ever changing its tilt, like a lift moving between floors. Think of c as the line's starting height when x is zero — the value you've got before x has done anything at all. We'll see in a moment why that "starting value" is so handy in real life.

To find c on a graph you didn't draw, just look at where the line slices through the vertical y-axis and read off the height. If two lines have the same c, they set off from the very same point on the y-axis and then fan apart — same start, different journeys. If two lines share the same m but different c, they're perfect parallel twins: identical tilt, just one sitting higher than the other. m and c really are independent knobs, and once you see that, every straight line in the world becomes two quick questions: how high does it start, and how steeply does it go?

The sign of m points the line.

The gradient carries a sign, and that sign decides which way the line leans as you read it left to right — like always reading a story forward.

• Positive m (uphill): as x gets bigger, y gets bigger. The line rises toward the top-right. Try m = 2 in the demo.
• Negative m (downhill): as x gets bigger, y gets smaller. The line tips down toward the bottom-right. Try m = −1 and watch it flip.
• Zero gradient (flat): y never changes no matter what x does. The line lies perfectly level. That's the "flat (m = 0)" chip.

Here's a tidy way to keep it straight: a positive gradient looks like a slope you'd climb up; a negative gradient looks like one you'd sled down. Same line, same equation — just a plus or a minus sign flipping its mood.

The flattest and the steepest.

Two special lines are worth knowing by name, because their equations look stripped-down compared to y = mx + c.

A horizontal line has gradient 0 — it never rises or falls — so the mx part disappears and you're left with something like y = 3. Read it literally: "y is 3 everywhere, whatever x is." Every point on it sits at height 3, so it's a flat shelf. Useful whenever something stays fixed while time or distance rolls on.

A vertical line is the rebel of the family. It goes straight up the page, like x = 4, meaning "x is 4 everywhere, whatever y is." It's so steep it can't even be written as y = mx + c — its gradient would be infinite, an impossible "up loads for zero across." So we just name it by its x-value and leave m out of it entirely.

Read the line, name the rule.

Now run it backwards. Here's a line on a grid — your job is to spot its equation. Check where it crosses the y-axis (that's c) and how steeply it climbs or falls (that's m), then pick the match.

Tip: the easiest clue is where the line meets the y-axis — that number is c, no calculation needed.

A line you might actually pay for.

Linear graphs aren't just classroom doodles — they're hiding in everyday prices. Picture a taxi that charges a flat $3 the moment you climb in, then $2 for every kilometre you ride. Your fare follows the rule fare = 2 × distance + 3 — which is exactly y = mx + c wearing real-world clothes.

Slide the distance and watch the fare ride up the line. See if you can spot the two characters you already know.

This is the quiet superpower of linear graphs: once you know it's a straight line, you can read off any value you like. Want the fare for a 7 km trip without doing the sum? Run your finger up from 7 on the bottom axis until you hit the line, then across to the fare. The picture is the calculator.

"Steeper means a bigger c"? Nope.

This is the classic mix-up, and it's an easy one to fall for: people see a line starting high up the page and assume it must be the steep one. But c and m do completely different jobs. c sets the height the line starts at; m sets the tilt. A line can launch from way up high and still be barely sloped, while a line starting near the floor rockets up past it. Let's test whether it really clicked.