Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Lets make a Smiley part 3: D3js and arcs in SVG

Public visualization

Viewing a saved revision (read-only)

29b5c6e323a64818b63a6f0ea3e5e143

Fork of Lets make a Smiley part 3: D3js and arcs in SVG

0 stars0🌍 Public
Ssaijahnaviappineni
Last edited Jun 17, 2022
Created on Jun 17, 2022

This example renders a smiley face as an SVG graphic using D3.js v6 arcs and React. It draws a large circle for the face, two smaller circles for eyes, and a D3 arc path for the mouth, all positioned with SVG transforms. The code imports the `arc` function from D3 to generate the mouth’s path data with specified inner and outer radii and angular start and end points. The visualization is built with React’s `ReactDOM.render` and uses hardcoded dimensions, with a light blue background set via CSS.

AI-generated description

A bare minimum HTML page.