Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of Fork of Data Visualization with D3 - Smiley Part VI

Public visualization

Fork of Fork of Fork of Fork of Data Visualization with D3 - Smiley Part VI

0 stars0🌍 Public
AAurore Paligot
Last edited Jun 17, 2021
Created on Jun 16, 2021

A grid of randomly generated smiley faces fills the screen, each rendered as a separate SVG component. The code builds faces from reusable React components for the background circle, eyes, cheeks, and a mouth drawn with a D3 arc generator. Each face uses randomized eye offsets, radii, stroke widths, and mouth dimensions, while keeping a consistent yellow cheek and green outline. The example demonstrates composing D3’s `arc()` with React’s declarative rendering and the `d3.range` function to produce multiple variations in a single view.

AI-generated description

Data Visualization with D3 - Smiley Part I

Comments

Sign in to join the discussion.

MIT Licensed