Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of SVG Creation

Public visualization

Fork of SVG Creation

1 star2🌍 Public
FFloAvio
Last edited May 17, 2023
Created on May 17, 2023
Forked from D3 Starter

This example generates a colorful, geometric spiral composed of 60 semi-transparent polygons. Each polygon is dynamically positioned and scaled using a series of mathematical calculations based on a loop index, creating a hypnotic, expanding pattern against a black background. The code constructs SVG elements directly using the standard DOM API, specifically `createElementNS` and `setAttribute`, without relying on a visualization library. The polygons’ stroke colors are determined by incrementing hue values in the `hsl()` color function, while their fill opacity is set to zero to emphasize the line-based structure. The animation is purely static, with no interaction or data-driven input.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed