Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of SVG Creation

Public visualization

Fork of Fork of SVG Creation

1 star0🌍 Public
CChartat aGlance
Last edited Oct 29, 2023
Created on Oct 29, 2023

This example generates a geometric animation using raw SVG polygons, constructing 60 quadrilateral shapes that shrink and shift diagonally across the viewport. Each polygon’s vertices are calculated from a moving center point, with size and position modified by index-based formulas. The code uses the DOM `document.createElementNS` API to append SVG elements directly—no D3 library is imported—and applies a rainbow stroke color via HSL values that increment per shape. The page fills the entire browser window with a black background, rendering the hollow outlines without fill.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed