[YOUR NAME] · EEE
PORTFOLIO v2.0 · 2026

Hello, Shapes!

Where every adventure begins

Shapes are everywhere — in windows, wheels, pizza slices, and the stars in the sky. Let's meet some of them, count their sides, paint them, and play a little game at the end!

§ 01

Meet the Shapes

Circle

0 sides · 0 corners

A round shape with no corners. Like a pizza!

Triangle

3 sides · 3 corners

Three sides. Like a slice of toast.

Square

4 equal sides

All four sides the same. Like a chessboard tile.

Rectangle

4 sides · 2 pairs

Two long sides, two short. Like a door.

Diamond

4 sides · tilted

A square standing on one corner — a kite!

Hexagon

6 sides · 6 corners

Six sides. Like a honeycomb in a beehive!

Star

5 points · sparkly

A shape that shines! Five points reaching out.

Oval

0 corners · stretched

A stretched circle. Like an egg!

§ 02

Fun Facts

DID YOU KNOW?

Sides and corners always match

Here's a secret every shape knows: the number of sides a shape has is always equal to the number of corners! Triangle: 3 sides, 3 corners. Square: 4 and 4. Hexagon: 6 and 6!

TRY THIS Look around the room. Can you find a circle? A rectangle? A triangle? Shapes are hiding everywhere!
BIG WORD, SIMPLE IDEA

What's a "polygon"?

A polygon is just a fancy word for any flat shape with straight sides. Triangles, squares, and hexagons are all polygons. A circle is not a polygon because it has no straight sides — it's a curve!

§ 03

Color the Shape

Pick a color. Tap the shape. Make it yours!

A pentagon — 5 sides, 5 corners
Pick a color
§ 04

Shape Quiz!

What shape is this?
SCORE: 0 / 0 🔥 0 STREAK

Angles & Sketching

The language of engineers & architects

Every building, every bridge, every circuit board starts with a sketch and an angle. Here's everything you need to know — and you can try it live.

§ 01

What is an Angle?

DEFINITION

An angle is the space between two rays

When two straight lines meet at a point, the space between them is an angle. The point where they meet is the vertex. Angles are measured in degrees (°). A full turn is 360°.

angle VERTEX ray 1 ray 2
Anatomy of an angle
§ 02

Types of Angles

Acute

LESS THAN 90°

Small and sharp. Like a pizza slice.

Right

EXACTLY 90°

A perfect corner. Like the edge of a book.

Obtuse

90° — 180°

Wider than a right angle. Lazy and stretched.

Straight

EXACTLY 180°

A flat line. Half of a full turn.

Reflex

180° — 360°

Bigger than straight. Long way around.

Full Turn

EXACTLY 360°

A complete circle. Back to start.

§ 03

Build an Angle

Drag the slider. Watch the angle — and its name — change live.

45°
45°
ACUTE ANGLE
§ 04

How to Sketch

TOOLS YOU NEED

Protractor, ruler, sharp pencil

A protractor measures angles, a ruler draws straight lines, and a sharp pencil keeps things crisp. Engineers sketch by hand before touching a computer.

Drawing a 60° angle — step by step

STEP 01

Draw the baseline

Use your ruler. Draw a straight horizontal line. Mark a dot — your vertex.

STEP 02

Place the protractor

Line up the center point with your vertex. 0° on the baseline.

STEP 03

Mark 60°

Read along the curved edge. Make a tiny mark where it says 60°.

60°
STEP 04

Connect the dots

Remove the protractor. Use your ruler to connect vertex through the mark.

60°
PRO TIP Always label angles with their measurement and a small arc showing which angle you mean. Professionals are precise — you should be too.
§ 05

Triangles by Angle

Triangles come in flavors. But one rule is sacred: the three angles always add up to 180°. Always.

Acute

All angles < 90°

Right

One angle = 90°

Obtuse

One angle > 90°

Equilateral

All sides equal. 60° each.

Isosceles

Two sides equal.

Scalene

No sides equal.

§ 06

Rules to Memorize

ESSENTIAL ANGLE FACTS

Keep these in your head

RuleWhat it says
Angles on a straight lineAdd up to 180°
Angles around a pointAdd up to 360°
Angles in a triangleAdd up to 180°
Angles in a quadrilateralAdd up to 360°
Vertically opposite anglesAlways equal
Alternate angles (parallel lines)Equal — "Z shape"
Co-interior angles (parallel)Add up to 180° — "C shape"
Corresponding angles (parallel)Equal — "F shape"

Graphs, Decoded

Every function type in the syllabus

Identify any O-Level graph from its shape, read its equation, spot its features — turning points, roots, asymptotes — and sketch by hand. Live sliders show how parameters change the curve.

THE STRAIGHT LINE

y = mx + c

The simplest graph of all — a straight line. m is the gradient (steepness), c is the y-intercept (where it crosses the y-axis).

y = 1x + 0
x y
1
0
GRADIENT FORMULA Pick two points (x₁, y₁) and (x₂, y₂). Then m = (y₂ − y₁) / (x₂ − x₁). Positive = uphill. Negative = downhill.

Key features

GradientCoefficient of x
Y-interceptThe constant c
X-interceptSet y = 0 → x = −c/m
Parallel linesSame gradient (m)
Perpendicular linesm₁ × m₂ = −1
THE PARABOLA

y = ax² + bx + c

Square x and you get a U-shape. The sign of a decides direction: a > 0 opens up (smile), a < 0 opens down (frown).

y = 1x² + 0x + 0
x y TP
1
0
0

Key features

Turning pointMin (a>0) or max (a<0). x = −b/(2a)
Line of symmetryVertical: x = −b/(2a)
Y-interceptThe constant c
RootsSolve ax² + bx + c = 0
Discriminant b²−4ac>0: 2 roots · =0: 1 root · <0: no real roots
THE S-CURVE

y = ax³ + bx + c

A cubic has an term. The graph can wiggle — turn twice, creating a local max and min. a > 0 rises left-to-right. a < 0 falls left-to-right.

y = 0.3x³ − 2x + 0
x y
0.3
-2
0

Key features

End behavioura>0: up-right, down-left · a<0: reversed
Turning pointsAt most 2
RootsUp to 3 — crosses x-axis
Y-interceptThe constant c
THE HYPERBOLA

y = a / x

Divide by x. As x → 0, y → infinity. As x grows big, y → 0. Two curves in opposite quadrants.

y = 4 / x
x y
4

Key features

Vertical asymptotey-axis (x = 0). Never touches.
Horizontal asymptotex-axis (y = 0). Never touches.
Quadrantsa>0: Q1 & Q3 · a<0: Q2 & Q4
SymmetryRotational, order 2 about origin
RootsNone
ASYMPTOTE? A line the graph gets infinitely close to but never touches. Always draw asymptotes as dashed lines and label them.
GROWTH AND DECAY

y = a · bˣ

Exponentials describe things growing or shrinking at a rate proportional to their size — bacteria, interest, radioactive decay. b > 1: growth. 0 < b < 1: decay.

y = 1 × 1.8ˣ
x y
1
1.8

Key features

Y-interceptThe value a
Horizontal asymptotey = 0 (x-axis)
Growth (b>1)Rises steeply right
Decay (b<1)Falls to right
Always positiveIf a>0, always above x-axis
THE WAVES

Sine, Cosine & Tangent

Trig graphs are the waves of mathematics — repeating patterns that describe sound, light, tides, pendulums, and every rotating thing in existence. Once you see the shape, you'll spot them everywhere.

QUICK REVIEW For any angle θ in a right-angled triangle: sin = opposite/hypotenuse, cos = adjacent/hypotenuse, tan = opposite/adjacent. Now plot those values for every angle from 0° to 360° — and you get these graphs.

Try it live: y = A · sin(Bx + C) + D

Change the four parameters. Watch the wave transform.

y = 1 · sin(1x)
180°360°540°720°1-1
1
1
0

What each parameter does

A (amplitude)How tall the wave is. Bigger A = taller peaks and deeper troughs.
B (frequency)How squished the wave is. Bigger B = more waves in the same space.
C (phase)Slides the wave left or right.
D (vertical shift)Moves the whole wave up or down.

Comparing the three graphs

SIN
180°360°540°720°1-1
Starts at 0, waves up first. Range: −1 to 1. Period: 360°.
COS
180°360°540°720°1-1
Starts at 1, waves down first. Same shape as sin, shifted 90°.
TAN
180°360°540°720°1-1
Shoots up to infinity at 90°, 270°. Asymptotes (dashed). Period: 180°.

Key features to remember

GraphRangePeriodNotes
y = sin x−1 ≤ y ≤ 1360°Smooth wave, crosses origin
y = cos x−1 ≤ y ≤ 1360°Same wave, starts at y = 1
y = tan xAll real numbers180°Has asymptotes at 90°, 270°, etc.
WHY THIS MATTERS Every alternating current (AC) in your house is a sine wave. Sound, radio signals, light — all waves. Understanding these graphs is the door to electrical engineering.
DISTANCE-TIME

Reading the story a graph tells

Time on x-axis, distance on y-axis. Gradient = speed. Steeper = faster. Flat horizontal = stopped.

TIME DISTANCE moving stopped faster stopped returning
A complete journey told as a graph

Speed-time graphs

On speed-time graphs, gradient = acceleration. Area under = distance travelled. Flat line = constant speed. Upward = accelerating. Downward = decelerating.

TIME SPEED accel. constant decel. AREA = distance
Speed-time graph — area tells total distance
EXAM TIP The syllabus expects you to calculate distance as the area under speed-time graphs. Use rectangles, triangles, and trapezia for linear sections.

Look at the graph. Match it to its equation. One guess per question — choose carefully!

x y
Pick the equation that matches the graph above.
SCORE: 0 / 0
CIE O-LEVEL 4024 · GRAPHS COVERAGE

Click each skill as you master it

Your progress saves automatically (in this session). Every item is from the official Cambridge 4024 syllabus.

0 / 12 MASTERED
  • Linear graphs — recognise, sketch, interpret. Know y = mx + c.
  • Quadratic graphs — find turning points by completing the square.
  • Cubic graphs — sketch and identify. Know end behaviour.
  • Reciprocal graphs — understand asymptotes.
  • Exponential graphs — growth and decay problems.
  • Construct tables of values for y = axⁿ.
  • Solve equations graphically.
  • Interpret travel & conversion graphs.
  • Use speed-time graphs — gradient = accel., area = distance.
  • Draw tangents to estimate gradient.
  • Apply rate of change to simple kinematics.
  • Sketch sums of up to three axⁿ terms.