Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

09bc50694c134e48a53e463e834a3040

let's make a face with D3.js!

0 stars0🌍 Public
Kkaiyue-maker
Last edited Feb 10, 2020
Created on Feb 10, 2020

A cheerful cartoon face built entirely with SVG shapes appears on a yellow circle, with two black eyes and an arc-based mouth. The example demonstrates how to use D3.js v5 functions like `select` and `arc` to append and position SVG elements. It reads the SVG’s width and height attributes to center the face, then applies a group transformation to place the mouth. The code also shows basic SVG styling through CSS, such as stroke and fill properties.

AI-generated description

An example including some commonly used features of SVG.