Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Creating a Smile with D3

Public visualization

Viewing a saved revision (read-only)

c4c8e628616c49af81b91e8ca900354e

Creating a Smile with D3

0 stars0🌍 Public
GGustavo Maciel
Last edited May 27, 2020
Created on May 18, 2020

This example shows a smiling face built from SVG shapes using D3 version 5 with React. It draws a yellow circle with black strokes for the head, two smaller circles for eyes, and a D3 arc path for the mouth. The code demonstrates D3 selections, attribute manipulation, and the `arc` generator, with positions computed from the SVG dimensions and helpers like `eyeRadius` and `eyeSpacing`.

AI-generated description

A bare minimum HTML page.

See also React Starter.