Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets Make a Face with D3 Format

Public visualization

Viewing a saved revision (read-only)

77453f5db325425683e0cc382afac454

Lets Make a Face with D3 Format

0 stars0🌍 Public
EEvan Chang
Last edited Feb 19, 2020
Created on Feb 19, 2020

This example draws a simple cartoon face using SVG elements created with D3.js. It shows a yellow circle as the head, two red circles for eyes, and an arc-based path for the mouth, all positioned relative to the SVG’s center. The code uses D3’s `select` to target an SVG element, `arc` to generate the mouth shape, and `.attr` methods to set coordinates and radii. The styling is applied directly via `.style`, with the face centered using a translation transform.

AI-generated description