Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

5a77ed1d63e247bfbcaf73ae47a1279d

Fork of 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 draws a smiling face using SVG circles and an arc path. The face is composed of a yellow circle for the head, two smaller circles for the eyes, and a mouth created with D3’s `arc` generator. The code uses React to render the SVG elements and D3 v7 for the arc path calculation, applying a black stroke to the head and positioning all elements relative to the center of the viewport.

AI-generated description

Half way towards a smily face part 1

An example including some commonly used features of SVG.