Motion Diagram Physics Maker with Position Dots

Why this tool uses precise SVG rendering

• Motion diagrams are physics models, so dot spacing and arrow direction should follow the motion values exactly.
• The tool calculates position with x(t) = x0 + v0t + 1/2 at^2 and velocity with v(t) = v0 + at.
• It renders a clean SVG in the browser instead of using an AI image model, so the same inputs always produce the same diagram.
• SVG, PNG, and CSV export make the result useful for worksheets, slides, homework explanations, and lab notes.

What can you adjust?

• Initial position, initial velocity, acceleration, time interval, and number of dots.
• Presets for constant speed, speeding up, slowing down, moving left, and vertical throw examples.
• Velocity arrows, acceleration arrow, and time labels can be shown or hidden.
• CSV export includes every time, position, velocity, and acceleration value.

Motion diagram vs free body diagram

A motion diagram describes kinematics: where the object is, which way it moves, and whether velocity changes. A free body diagram describes dynamics: the forces acting on the object. They are connected, but they are not the same diagram.

When to use this tool

• Explaining constant speed, speeding up, and slowing down motion.
• Building classroom worksheets about position dots, velocity arrows, and acceleration direction.
• Checking whether a written motion description matches a diagram.
• Creating clean physics visuals without spending image-generation credits.