Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets Make a Face with D3.js!

Public visualization

Lets Make a Face with D3.js!

0 stars0🌍 Public
GGPOAdmin
Last edited Oct 19, 2020
Created on Oct 19, 2020
Forked from HTML Starter

This example uses D3.js to draw a simple, stylized face on an SVG canvas. It renders a yellow circle as the head, two black circles of differing sizes for the eyes, and a crescent-shaped mouth built from an arc path. The visualization is constructed by directly appending SVG shapes to a group element that is translated to the canvas’s center. The code leverages D3’s `select`, `attr`, and `append` methods, along with the `arc` generator to create the mouth’s curved path, with all coordinates and dimensions set statically.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed