Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Test

Public visualization

Viewing a saved revision (read-only)

338e5251419b4e1c877b8d61267768dd

Test

2 stars2🌍 Public
WWhitney Hung
Last edited Jun 14, 2020
Created on Jun 13, 2020

A grid of procedurally generated smiley faces, each rendered as an SVG composed of reusable React components. The faces vary in eye size, cheek position, and mouth radius through randomized parameters. Built with React and D3, the visualization uses `d3.arc` for the mouth path and SVG primitives for facial features, all arranged within a transformed coordinate system.

AI-generated description

Smiley face implementation with React.

<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/JMvnd1CIRNo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->