Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React Starter

Public visualization

Viewing a saved revision (read-only)

eede2ab05a584367a713a8a3c9541b17

React Starter

0 stars0🌍 Public
YYu Liu
Last edited Aug 5, 2021
Created on Aug 4, 2021
Forked from React Starter

This example renders ten identical yellow smiley faces, each composed of SVG circles for the eyes and background, with a mouth drawn using a d3.arc path. The faces are built from reusable React components, including `Fullface`, `Eyes`, `Mouth`, and `faceContainer`, which groups the shapes within an SVG `<g>` element. The `index.js` file maps over a d3.range array to produce the repeated faces, and ReactDOM renders the full set into the page. The code imports React and d3 v7, with SVG output generated through JSX components.

AI-generated description

React Starter code.