Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

a4554768259147eb8e21fc4e562a730e

Fork of HTML Starter

0 stars1🌍 Public
NNita
Last edited Mar 20, 2025
Created on Mar 20, 2025
Forked from HTML Starter

This interactive SVG visualization, rendered with D3 v7, shows a self-homographic fractal that approximates a space-filling Peano curve through recursive geometric transformations. The fractal begins as a generated zigzag base curve, then applies five homographic (projective) transformations—defined via a custom matrix-mapping function—to recursively draw progressively smaller, colored variations. Using D3's `d3.line` and `d3.select` to build and append SVG paths, the code cycles through hue, saturation, and opacity shifts per recursion level, creating a dense, layered pattern that visually approaches the space-filling limit without ever fully reaching it.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.