Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's Make a Face Adjusted mouse

Public visualization

Fork of Let's Make a Face Adjusted mouse

0 stars0🌍 Public
KKazushige Okuma
Last edited Oct 18, 2021
Created on Oct 17, 2021

This example shows a yellow smiley face drawn with SVG primitives: a circular head, two eyes, and an arc-based mouth. The React application uses D3 v7 functions like `d3.arc` for the mouth path and `d3.line` to generate a zigzag line for the hair. It demonstrates combining React components with D3 shape generators, with all elements positioned relative to the center using SVG transforms. The code includes static face geometry only, with no interactive mouse handling despite the title.

AI-generated description

Half way towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed