Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face: part 3 tweaks

Public visualization

Fork of Let's make a face: part 3 tweaks

0 stars0🌍 Public
Ddritankodra
Last edited Jan 12, 2022
Created on Jan 12, 2022

This example displays a stylized smiley face composed of SVG shapes centered on a 960-by-500 canvas. It shows a circular face with a horizontal gradient fill and stroked outline, two khaki eyes, and a khaki mouth shaped using a D3 arc path. The visualization is built with React 17 and D3 v7, using D3’s `arc` generator to define the mouth’s inner and outer radii and angular span, while React renders the SVG elements declaratively.

AI-generated description

Making a smiley face with React and D3

Comments

Sign in to join the discussion.

MIT Licensed