Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Dataviz 2020_Ep7 - 3. Face with React AND D3 (Add a mouth): Arc, Group

Public visualization

Dataviz 2020_Ep7 - 3. Face with React AND D3 (Add a mouth): Arc, Group

0 stars2🌍 Public
MMinwoo Pak
Last edited May 31, 2021
Created on Apr 12, 2021

A yellow circular face with two black eyes and a curved mouth is drawn using SVG, rendered through React. The code combines React components with D3's `arc` generator to create the mouth, while circles define the face and eyes. The face uses a yellow fill, black stroke, and the mouth is positioned using an arc path. The example demonstrates integrating D3 shape generation with React's declarative rendering, using `react-dom` to mount the SVG into the DOM.

AI-generated description

Dataviz 2020_Ep7 - 3. Face with React AND D3 (Add a mouth): Arc, Group

Comments

Sign in to join the discussion.

MIT Licensed