Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

057e908779764acdb4e3316753ff0311

Open

Shapes

0 stars0🌍 Public
NNita
Last edited Mar 2, 2025
Created on Mar 2, 2025

A stylized birthday cake visualization renders a multi-layered dessert with colored icing, sprinkles, chocolate drips, and seven striped candles with flickering flames. Drawn with D3.js primitives such as `append`, `ellipse`, `rect`, and `path`, the design is generated procedurally from random drip heights and symmetrical candle placement. The React wrapper uses `ResizeObserver` to recompute the SVG dimensions adaptively, while `renderSVG` manages the canvas and `renderBarChart` clears and redraws all shapes on each container resize.

AI-generated description

Cake Visualization

A detailed cake shape with candles created using D3.js. The visualization is responsive and will adapt to the container size.

The cake features:

  • Detailed layered cake with frosting
  • Multiple colored candles with flames
  • Decorative elements including sprinkles and icing
  • Chocolate drips and decorative borders