Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley_Faces

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed