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)

05f9c5a88fde42858245e21693fab320

Let's make a face with D3.js

0 stars0🌍 Public
KKarol Paks
Last edited Aug 11, 2020
Created on Aug 11, 2020

This example uses D3.js v5 to construct a cartoon face from basic SVG shapes. It shows a yellow circle for the head, two eyes, eyebrows, and an arc-based smile, all positioned relative to the SVG’s center. The code leverages D3 selections and the `arc` generator to define the mouth path, while attributes like `cx`, `r`, and `transform` place elements. The face is rendered purely in SVG within a React framework, with no external data source.

AI-generated description

A bare minimum HTML page.

See also React Starter.