🌍 Public
Viewing a saved revision (read-only)
a395359f0dca4174be81bea53aa84c86
Exercise 1: SVG Fundamentals
This visualization shows a field of one hundred orange circles with a dotted timeline marking dates from October 2023 to October 2024. Each circle fades from full to zero opacity over five seconds using SVG `animate` elements. The code generates non-overlapping circle positions through random sampling and overlap detection, while the timeline uses SVG circle elements as dots and text labels for month ticks. The rendering relies entirely on native SVG APIs and JavaScript math.
AI-generated descriptionSunrise/sunset.