Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of Bird's Landscape - D3.js

Public visualization

Fork of Bird's Landscape - D3.js

0 stars6๐ŸŒ Public
Ppatriciatiffany
Last edited May 9, 2021
Created on May 9, 2021

A generative SVG landscape depicts a stylized scene with birds, a tree, and a sun, built entirely with native SVG elements and CSS animations. The code creates custom shapes for sky, land, birds, and foliage, using gradients and keyframe animations to simulate a day-night cycle over 24 seconds. This example relies on raw JavaScript DOM manipulation with `createElementNS` and the SVG namespace, alongside CSS for colors and motion, rather than a visualization library like D3.js.

AI-generated description

Playing and Studying Around With SVG <br> References:<br> Bird/Tree<br> Sun/Sky<br> Land

Comments

Sign in to join the discussion.

MIT Licensed