Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Smiley Face Part III

Public visualization

Viewing a saved revision (read-only)

e8e6a7c155a84c94af0ee78b93e186ac

Fork of Smiley Face Part III

0 stars0🌍 Public
HHui Wang
Last edited Nov 8, 2022
Created on Nov 8, 2022

This example renders a yellow smiley face as an SVG graphic, centered on a 960 by 500 canvas. The face is composed of an SVG circle for the head, two smaller circles for the eyes, and a D3 arc path for the mouth, all positioned using D3’s `arc` generator with specified inner and outer radii and angular spans. The code uses React to build the SVG element tree and D3 to compute the mouth’s path data, with styling applied directly via SVG attributes and CSS to remove page margins.

AI-generated description

A program that follows your mouse with a circle.