Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face Part III (D3)

Public visualization

Smiley Face Part III (D3)

0 stars3🌍 Public
EElvira Nassirova
Last edited May 16, 2021
Created on May 16, 2021

This example shows a classic yellow smiley face drawn with D3’s `arc` generator. A circle forms the face, two smaller circles make the eyes, and a curved path creates the mouth. Built with React and D3 v6, the SVG is constructed declaratively, using D3’s `arc` API to compute the mouth path and React’s `render` method to mount it. The face is centered at 960 by 500 pixels.

AI-generated description

Half-way towards the smiley face w/o React

Comments

Sign in to join the discussion.

MIT Licensed