Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley_Faces

Public visualization

Viewing a saved revision (read-only)

7b0c8012542441ddbc6cab903cd77b69

Smiley_Faces

0 stars0🌍 Public
Mmartin
Last edited Aug 14, 2021
Created on Aug 14, 2021
Forked from D3 Playground

A grid of 20 randomly generated cartoon faces appears, each with a gradient-filled circular background, stylized eyes, a radial-gradient nose, and an arched mouth created using a D3 arc path. The faces vary in stroke width, eye offset, radius, mouth size, and nose dimensions due to randomized props. Built with React and D3 v6, the SVG components animate the background gradient color over a 12-second loop. The example demonstrates reusable React component composition with D3 shape generators for custom data-driven illustrations.

AI-generated description

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

See also React Starter.