Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Exercise 1: SVG Fundamentals

Public visualization

Exercise 1: SVG Fundamentals

0 stars0🌍 Public
AAnna Arias-Duart
Last edited Oct 18, 2024
Created on Oct 18, 2024

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 description

Sunrise/sunset.

Comments

Sign in to join the discussion.

MIT Licensed