Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with D3

Public visualization

Lets make a face with D3

0 stars1🌍 Public
AAditya-me
Last edited Apr 1, 2020
Created on Mar 31, 2020
Forked from HTML Starter

This example uses D3 v5 to draw a cartoon face directly on an SVG canvas, combining simple shapes like circles for the head and eyes with arc-generated paths for eyebrows and a mouth. The face is constructed using absolute positioning based on the SVG’s width and height, with the mouth created via the `d3.arc()` generator and the eyebrows animated using D3’s `.transition()` method. The visualization runs in a React framework, rendering static vector graphics with a yellow face and black stroke, and includes a minimal style.css for margin and overflow control.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed