Drag either of the two vectors to move them. The angle between the vectors is shown (in blue when acute and in red when obtuse). The unit circle is shown for scale. The vectors can be constrained to be unit vectors, in which case the dot product is the cosine of the angle between them.
The dot product is a number, not a vector. When "show dot product" is checked, a colored line segment is shown along one of the vectors. If the segment is blue, the dot product is simply the length of this segment; if the segment is red, the dot product is the negative of its length. For unit vectors, the length of the colored segment is precisely the length of the projection of one vector onto the other. For other vectors, the length is scaled by the product of the magnitudes of the vectors. In concise terms: , where is the angle between the vectors.
The projection is only shown from the first vector to the second. You could, of course, project the second vector onto the first to produce a segment of equal length. In fact, you can simply switch the positions of the two vectors to see the other projection.