Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fancy Face

Public visualization

Viewing a saved revision (read-only)

4999932b804745bd860fc15e19497917

Fancy Face

0 stars0🌍 Public
MMartin Coronel
Last edited Jan 2, 2022
Created on Dec 5, 2021

A grid of eighteen identical smiley faces rendered as SVG via React components. Each face uses a yellow background circle, two black eyes, and a D3 arc-generated mouth, all positioned by reusable React subcomponents. The code combines React for component composition with d3.arc for the mouth path, and maps over a d3.range array to duplicate the face layout.

AI-generated description

Smiley face implementation with React & D3.