These are a set of HTML5 animations that I created for my website as a JavaScript hobbyist. I use HTML5 canvas and plain JavaScript to produce that turned out be very nice. They were originally published on my website - https://www.vivaxsolutions.com The list includes the following:

1. A real analogue clock - https://www.vivaxsolutions.com/web/html5-canvas-live-clock.aspx
2. An animated real-looking solar system - https://www.vivaxsolutions.com/web/html5-canvas-solar-system.aspx
3. Animated beautiful heart, created with polar equations - https://www.vivaxsolutions.com/web/html5-canvas-heart.aspx
4. An animated candle, created without external images - https://www.vivaxsolutions.com/web/html5-canvas-candle.aspx
5. A percentage circle created without the aid of JQuery - https://www.vivaxsolutions.com/web/html5-progress-circle.aspx
6. An animated spring created without external images - just by manipulating sine curve - https://www.vivaxsolutions.com/web/html5-canvas-spring.aspx
7. An interactive vernier calliper without external images - https://www.vivaxsolutions.com/web/html5-canvas-vernier-caliper.aspx
8. An animated bouncing ball - https://www.vivaxsolutions.com/web/html5-canvas-bouncing-ball.aspx
9. Physics: vector / scalars - distinction between distance and displacement - https://www.vivaxsolutions.com/web/html5-canvas-moving-car.aspx
10. Bearings interactive animation added - https://www.vivaxsolutions.com/web/html5-canvas-bearings.aspx
11. Thunderstorm added - https://www.vivaxsolutions.com/web/html5-canvas-lightning.aspx
12. Interactive colour maker added - https://www.vivaxsolutions.com/web/html5-canvas-colour-maker.aspx