Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ellipse

Public visualization

Ellipse

0 stars1🌍 Public
NNita
Last edited Feb 27, 2020
Created on Feb 27, 2020
Forked from Ellipse

This gallery example renders a dense cluster of layered ellipses and circles within an SVG canvas. The visualization shows a repeated pattern of overlapping geometric shapes, with each instance offset by a transformed group and colored using a formula based on its index. The React component `Ellipse` draws two perpendicular ellipses and a circle, while the main `App` component generates nested loops to position and rotate these elements randomly. Using React and ReactDOM with SVG rendering, the code applies translations and rotations to create a chaotic, organic composition. The palette derives from the loop variable, producing varied red, green, and blue tints across the shapes.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed