Align to Parallel
Adjust the slider to make the blue line parallel to the red line. Parallel lines have equal slopes.
Slope (m)
{{ state.s1.userM > 0 ? '+' : '' }}{{ state.s1.userM }}
Set to Perpendicular
Drag the blue point to make the line perpendicular to the red line. Their slopes must be negative reciprocals.
Right angle established!
Target slope:
Build the Equation
Build a line perpendicular to passing through point .
y =
x +
{{ state.s3.userB }}
Slope Blocks
startDrag(e, 'slope', val)"
class="w-14 h-12 bg-slate-700 rounded-lg flex items-center justify-center cursor-grab active:cursor-grabbing hover:bg-slate-600 font-mono text-lg"
:class="{'opacity-30': state.s3.userM === val}">
Intercept Blocks
startDrag(e, 'intercept', val)"
class="w-14 h-12 bg-slate-700 rounded-lg flex items-center justify-center cursor-grab active:cursor-grabbing hover:bg-slate-600 font-mono text-lg"
:class="{'opacity-30': state.s3.userB === val}">
{{ val > 0 ? '+'+val : val }}
Find the Shortest Path
Drag the target along the red line to find the shortest distance to the blue point. The shortest path is perpendicular.
straighten
Distance: {{ state.s4.dist.toFixed(2) }}
Minimum Found!
emoji_events
Master of Lines!
You've successfully manipulated slopes, built equations, and found perpendicular distances.
check_circle Parallel lines = Equal slopes
check_circle Perpendicular = Negative reciprocals
check_circle Shortest distance is perpendicular