Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Make a face with D3.js

Public visualization

Make a face with D3.js

0 stars0🌍 Public
SSnivvy
Last edited May 20, 2020
Created on May 20, 2020

This example draws a simple cartoon face using D3.js v5’s selection and shape APIs. A yellow circle serves as the head, with two smaller circles for eyes and an arc-generated path for the mouth, all positioned relative to a centered group. The code explicitly uses `d3.select`, `d3.arc`, and SVG attributes like `cx`, `cy`, and `r` to construct the SVG output, with a fixed eye spacing and offset defined as constants.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed