Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face Part 1

Public visualization

Viewing a saved revision (read-only)

68dda2e306ae4f9cb512c389c2b079ef

Smiley Face Part 1

0 stars1🌍 Public
Ssmsk2980
Last edited Apr 10, 2021
Created on Apr 10, 2021
Forked from Hello HTML

This example shows a simple smiley face rendered as a static SVG graphic, composed of a yellow circular head, two white eyes with green irises, and a black smile. Built with React and D3, it uses d3.arc() to generate the paths for the head, eyes, irises, and mouth, with each shape positioned via SVG <g> transforms. The code defines arcs with explicit inner/outer radii and start/end angles, then renders them as <path> elements within a 960x500 SVG canvas.

AI-generated description

A bare minimum HTML page.

Created as part of Data Visualization Course D3, Javascript and React