Motion graphs: distance-time, velocity-time and acceleration-time graphs drawn live as a car moves

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.

Keep it one tap away for everyday use.

Bookmark Motion graphs live?

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

  1. Move car
  2. Graphs
  3. Slope, area
  4. Match it
Nothing is uploadedWorks offline once open
Level
Drag along the graphs to move through time.

Graphs

The motionShaded: area under the v-t graph (displacement)

Try this

  • Steady walk: the x-t graph is a straight line. Its slope (rise ÷ run) is the speed, so the v-t graph is flat.
  • Speeding up: the x-t graph curves upwards. The v-t graph is a sloping line: its slope is the acceleration.
  • Braking: drag the time to 8 s. The car has stopped, so the x-t graph goes flat and the shaded area stops growing.
  • Out and back: at 12 s the car is back where it started. Displacement is 0, but the distance travelled is 36 m. Below the axis, area counts as negative.
  • Drive it: try to draw a straight sloping x-t line, then a flat one. What does the v-t graph look like when you stand still?

Check yourself

What it does

A car moves along a straight road and its graphs draw themselves underneath: position against time (x-t), velocity against time (v-t) and, at the Class 11 level, acceleration against time (a-t). Drag along the graphs (or the time slider) and the car moves to that moment, with its position, velocity and acceleration read out. The area under the v-t graph up to that moment is shaded and shown as the displacement, next to the distance travelled, the average velocity and the average speed.

It follows the school topics on motion in a straight line: distance and displacement, speed and velocity, uniform and non-uniform motion, acceleration and motion graphs (Class 9 Science, describing motion), and instantaneous velocity as a slope and displacement as an area (Class 11 Physics, motion in a straight line). Next, see how the three equations of motion come out of the v-t graph, or measure a real motion from a video with video motion tracker and throw a ball through the air with projectile drag.

How to use it

  1. Pick a Level. Class 9 shows the x-t and v-t graphs. Class 11 adds the a-t graph, a dashed tangent on the x-t graph (its slope is the velocity at that instant) and the calculus forms v = dx/dt, a = dv/dt and x − x₀ = ∫v dt.
  2. Stories gives five ready-made motions: a steady walk, speeding up, braking to a stop, stop-and-go, and out-and-back (a ball rolling up a slope and back). Make your own gives you a starting velocity and three 4-second parts with their own acceleration.
  3. Drive it: press Start and move the slider for 12 seconds. The slider is the velocity you ask for; the car speeds up or slows down at up to 2 m/s² to reach it, so you see a real acceleration on the graphs.
  4. Match the graph: a dashed target appears on the x-t graph. Press Start and steer so your line lies on it. You get a score out of 100 from the average gap. Show me drives it for you so you can see which velocities make which slopes. New target gives another one.
  5. Play runs the clock through a story so you can watch the car and the dots on the graphs move together.

Worked example

Choose Stop and go and set the time to 4 s. The car sped up at 1.5 m/s² for 2 s (to 3 m/s), then cruised. The page shows position 9 m, velocity 3 m/s and acceleration 0 m/s². The shaded area under the v-t graph is a triangle (½ × 2 × 3 = 3 m) plus a rectangle (2 × 3 = 6 m), so the displacement is 9 m and the average velocity is 9 ÷ 4 = 2.25 m/s.

Now choose Out and back and move to 10 s. The car went 18 m out, stopped at 6 s and rolled back. The page shows position 10 m, velocity −4 m/s, displacement 10 m but distance travelled 26 m (18 out plus 8 back). The area below the time axis counts as negative.

Tips

  • A straight x-t line means steady velocity; a curve means the velocity is changing. Steeper means faster.
  • On a v-t graph, the slope is the acceleration and the area is the displacement.
  • When the v-t line crosses zero, the car turns round: the x-t graph has a peak or a valley there.

FAQ

Why are distance and displacement different? Displacement is how far you end up from the start, with a direction; distance is the whole length of the path. They are the same only if the car never turns back.

What does a negative velocity mean? The car is moving backwards (to the left on the road). Speed is the size of the velocity, so it is never negative.

Is anything saved? No. The questions in Check yourself are made fresh each time and checked in your browser; nothing is stored or sent.

Where the numbers come from

  • Kinematics of straight-line motion with constant acceleration in each part (x = x₀ + ut + ½at², v = u + at) and the meaning of slope and area on motion graphs: standard school physics found in any textbook.
  • Displacement and distance checked against an independent NumPy trapezium integration of v(t) on 2,000,001 points. The ready-made motions and questions use made-up, round numbers.

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.

Read more on the Blog

Last updated 2026-11-09.

Change log for Motion graphs live

  1. Fix whole-number labels in #1021-#1026 (100 % showed as 1 %) Details on GitHub
  2. Add #1021 Motion graphs live Details on GitHub

Every change to fibub

Related tools

Projectile drag #T636 Launch a ball at any speed, angle and height and see its real path through the air: quadratic drag from its size, mass and drag coefficient, a head- or tailwind, the range, highest point, time of flight, landing speed, the best angle for distance and how much the air costs compared with a vacuum. Video motion tracker #T641 Open a phone video, set the scale with a ruler in the shot, click the object in each frame and get x(t), y(t), velocity and acceleration, with straight-line and parabola fits (g from a thrown ball). The video is played in your browser and never uploaded. 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. Newton's laws sandbox #L10 Push a trolley with a force and mass you choose on ice, a smooth floor or carpet and watch a = F/m and friction at work; push two trolleys apart to see equal and opposite forces and momentum conserved; and catch a ball to see why a longer stopping time means a smaller force. Proportion grapher #L128 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. 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. Distance and displacement #L143 Tap a walk on a map and see the distance you walked next to the straight-line displacement, with average speed and average velocity. Then run round a circular track at a steady speed and watch the velocity arrow turn: uniform circular motion. Projectile launcher #L194 Launch a ball at any speed, angle and height and watch its path: the range, highest point, time of flight and landing speed worked out with your numbers, the matching angle that lands in the same place, the best angle for distance, and what air drag does to it. Free fall #L316 Drop a stone and a feather with and without air to see equal fall times, v = gt, s = half g t squared and terminal speed, then take a short quiz.