The graph below shows three vectors which all share the same scalar component. Adjust the slider at the top of the graph to change the scalar value. The definition for each vector is displayed beneath the graph.
Drag the ends of the two black vectors to change their direction and magnitude. The blue vector shows the result of adding the two black vectors together.
Drag the ends of the two black vectors to change their direction and magnitude. The green vector shows the result of subtracting v1 from v2.
Drag the ends of the two vectors to change their direction and magnitude. The blue line shows the component of $\vec{b}$ in the direction of $\vec{a}$, which is $\frac{\vec{a}.\vec{b}}{|\vec{a}|}$, or equivalently, $|\vec{b}| cos\Theta$
Drag the two black and white points to modify the vectors $a$ and $d$ which describe the red line, use the slider to change the scalar value ($t$).