Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3-1: Making a face

Public visualization

Viewing a saved revision (read-only)

b64e6b06678d4f1aa953c6513fbf0ac1

Fork of D3-1: Making a face

0 stars0🌍 Public
NNikitha123171
Last edited Feb 24, 2023
Created on Feb 24, 2023

This example uses D3.js v7 to draw a cartoon face entirely with SVG shapes. It shows a yellow circle head with two black eyes, rectangular eyebrows, and a mouth created using the d3.arc path generator. The code selects the SVG element from the HTML, then appends and positions each shape using attributes like cx, cy, and r, with the arc function defining the mouth's inner and outer radii and angles.

AI-generated description