Proportion grapher

Pick an everyday situation and drag a point along its graph. Direct proportion is a straight line through 0 where y ÷ x stays the same; inverse proportion is a curve where x × y stays the same. A live table shows which one, and fresh questions use the unitary method.

Keep it one tap away for everyday use.

Bookmark Proportion grapher?

Press Ctrl + D now. Your browser opens its own bookmark box, where you choose the name and folder.

  1. Situation
  2. Drag
  3. Table
  4. Practise
Nothing is uploadedWorks offline once open

Pick a situation

k

The graph

Drag the dot along the graph (or anywhere left and right on the picture).

Try this

  • With pencils, double the number of pencils. What happens to the cost? Where does the line start?
  • With workers, double the workers. What happens to the days? Does the curve ever touch the axes?
  • Look at the table: which column stays the same for each situation?
  • Change k. For direct proportion the line gets steeper; for inverse the whole curve moves out from the corner.

Check yourself

Fresh questions every time. Nothing is saved.

What it does

Two quantities are in direct proportion when doubling one doubles the other: twice as many pencils cost twice as much. They are in inverse proportion when doubling one halves the other: twice as many workers finish a job in half the days.

This page gives you four everyday situations, two of each kind. For each one it draws the graph and puts a dot on it that you drag left and right. As you drag, the page writes out the sum with your numbers, and a table of five rows shows the test:

  • Direct: y ÷ x is the same in every row (the constant k), and the graph is a straight line through 0.
  • Inverse: x × y is the same in every row (k again), and the graph is a curve that gets close to both axes but never touches them.

A slider changes k: the price of one pencil, the speed of the car, the total work in worker-days or the length of the trip.

It fits Class 8 Mathematics, proportional reasoning (direct and inverse proportion and the unitary method), and links forward to graphs of motion in Class 9 Science. Ratios themselves are mixed and compared in the ratio mixer; distance against time for a moving object is drawn live in motion graphs live.

How to use it

  • Tap a situation: Pencils and cost or Time and distance (direct), Workers and days or Speed and time (inverse).
  • Move the k slider, or type a value in the box, to change the constant.
  • Drag the dot along the graph. The big line shows the pair of values; the line under it shows the sum.
  • The highlighted column in the table is the one that stays the same.

A worked example

Workers and days with k = 24 worker-days (the job takes one worker 24 days):

  • 4 workers: 24 ÷ 4 = 6 days.
  • 8 workers: 24 ÷ 8 = 3 days. Twice the workers, half the days.
  • The table rows 2 → 12, 4 → 6, 6 → 4, 8 → 3, 12 → 2 all have x × y = 24.

Pencils and cost with k = ₹5: 6 pencils cost 5 × 6 = ₹30, and every row has cost ÷ pencils = 5.

Unitary method for an inverse problem: 6 workers take 10 days, so the job is 6 × 10 = 60 worker-days, and 4 workers take 60 ÷ 4 = 15 days.

Check yourself

Four fresh questions each time: a direct cost problem, workers and days, speed and time, and spotting direct, inverse or neither from a table. Type the answer, press Check, and open the worked answer if you need it. Nothing is saved.

FAQ

Is “as one goes up, the other goes up” enough for direct proportion? No. y = x + 3 goes up with x, but y ÷ x changes, so it is not direct proportion. Its graph is a line that does not pass through 0.

Why does the inverse curve never touch the axes? x × y = k with k above 0, so neither x nor y can ever be 0. Zero workers would need endless days.

Is this from the NCERT book? It covers the same topic with fibub’s own pictures and examples. fibub is not part of NCERT.

Where the numbers come from

  • Direct and inverse proportion, the unitary method and their graphs (a line through the origin and a rectangular hyperbola) are standard school mathematics. Wording, pictures and examples are fibub's own.
  • Checked against hand-worked unitary-method examples (5 kg for ₹150 gives 8 kg for ₹240; 6 workers in 10 days gives 4 workers in 15 days).

Standard scientific values, such as constants, atomic weights and melting points, are facts found in every textbook; we name where ours were checked. If you are an author or publisher and want a value, a credit or a table changed or removed, tell us and we will act quickly.

Last updated 2026-11-09.

Change log for Proportion grapher

  1. Add #1243 Direct and inverse proportion grapher Details on GitHub

Every change to fibub

Related tools

Motion graphs live #L8 Drive a car along a road with a slider or pick a ready-made motion, and watch its x-t, v-t and a-t graphs draw themselves; read the slope (velocity, acceleration) and the shaded area (displacement), then try to match a target graph. Equations of motion #L9 Drag a velocity-time graph and watch the rectangle and triangle under it add up to the displacement; see v = u + at, s = ut + ½at² and v² = u² + 2as with your numbers; solve any problem from three known values; and find a car's stopping distance. Ratio mixer #L126 Add parts of blue and yellow paint (or syrup and water) to two jars and watch the colours. Equal ratios give exactly the same colour; cross-multiplying tells you which mix is bluer or stronger. Scale a mix up to any batch size and practise with fresh questions. Map scale #L131 Drag two pins on a made-up town map drawn on a 1 cm grid and see the real distance at 1 : 10 000, 1 : 25 000, 1 : 50 000 or 1 : 100 000, with every step from centimetres to kilometres. Go back from a real distance to the map, and scale a recipe up or down. Race track #L132 Two runners on a straight track: the same way with a head start, or towards each other. Play or scrub the race, watch both lines on a distance-time graph, and see when and where they meet, worked out with the relative speed. Includes m/s to km/h and fresh practice questions. Quadratic explorer #L68 Slide a, b and c and watch the parabola move: vertex, roots and the discriminant update live, completing the square is drawn with tiles, and the middle term is split for you. With fresh practice questions.