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)

e7bbf2ae7ac4401c99366ba1e7d17aee

Lets make a face with D3

0 stars0🌍 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.