Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face with D3.js!

Public visualization

Fork of Let's make a face with D3.js!

0 stars0🌍 Public
UUzoemeka Okechukwu Innocent
Last edited Aug 9, 2023
Created on Aug 9, 2023
Forked from Hello VizHub

This example displays a smiling face constructed from SVG shapes, including a yellow circle, two eyes, and a mouth path with a curved arc. Built with React and D3.js v7, it uses the `arc()` function from d3-shape to generate the mouth with specified inner and outer radii and angles. Positioning is handled through SVG transforms, with the face centered on an 960×500 viewport. The code demonstrates proportional sizing by calculating radii relative to the center coordinates and stroke width.

AI-generated description

Half way towards a smily face part 1

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed