This animation is part of my first project with the processing java framework (processing.org).
The project consisted of 3 phases. The first phase has a processing program present a picture that I can click on to record the coordinates of each dot, in order.
The second phase reads the recorded coordinate file and draws the dots with numbers. The numbers by default are drawn in a location that bisects the outside angle of each pair of edges. I did this so that when the line is drawn, the line does not go through any of the numbers. Sometimes it is necessary to override this to keep numbers from being too close to each other.
At this phase I can also save a static image that can be printed.
The final stage is the animation, where a line is drawn from the beginning to end. Notice that the speed of the line stays constant, regardless of the distance between two adjoining points. It also simulates noise and line error, so the result is not laser straight.