This set of dynamic examples has been built with gySVG in order to describe how to get the most out of this library. In each case, it describes how to build the graph step by step.
clock: Display a dynamic clock with the current time. This example describes how to create lines into a circle, define polygons for clock hands, and transform it for clock movement.
spirograph: Generate an attractive image with lines between two points with concentric orbit. It's a good example of movements, custom colors, and a very beautiful result.
sleepy dog: An interactive SVG with
.addEventListener()and several animations with the elements
animateTransform, and the method
car racing: A very simple car racing game with