🌍 Public
Viewing a saved revision (read-only)
654a41ed38824bb0b389291778fbc9e0
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.