Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Bird's Landscape - D3.js

Public visualization

Viewing a saved revision (read-only)

4f89ba47f0564e85abdac35fa2834dcc

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