Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with D3

Public visualization

Viewing a saved revision (read-only)

7fba934c4abe467ab754346160625e6b

Lets make a face with D3

1 star1🌍 Public
TTajallah-maryam
Last edited Mar 24, 2020
Created on Mar 24, 2020

This example shows a friendly cartoon face built with basic D3 shapes on an orange SVG canvas. A yellow circle forms the head, two black-and-white circles create asymmetric eyes, and a path generated with the `arc()` generator draws a smiling mouth. The code uses D3 v5 utilities like `select` and `arc`, imports them from the `d3` module, and relies on React for bundling. All geometry is positioned using the SVG’s width and height attributes, with explicit pixel coordinates for each facial feature.

AI-generated description

React Starter code.