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)

a965c65d69ee4932804d2ac1cb278ab2

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.