Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

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

Self-Homographic Fractal Near the Peano Limit

This visualization creates a self-homographic fractal that approaches the space-filling property of a Peano curve. The fractal is constructed using recursive application of homographic transformations.

About the Visualization

This fractal uses proper homographic (projective) transformations to create a self-similar pattern that approaches, but never quite reaches, the space-filling property of the Peano curve.

A homographic transformation is a type of transformation that can be represented in the form:

Comments

Sign in to join the discussion.

MIT Licensed