Drag an arrow's tip around a graph and watch its length (magnitude) and the angle it points (direction) update as you move it.
Drag the point below. An arrow is a vector: it points somewhere (direction) and has a length (magnitude).