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