Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a smiley face with D3.js

Public visualization

Viewing a saved revision (read-only)

544762f0d7a84f6cbbc365721ef1c864

Let's make a smiley face with D3.js

0 stars1🌍 Public
DDaniel Rivera
Last edited Apr 17, 2020
Created on Apr 17, 2020
Forked from HTML Starter

This example demonstrates how to construct a simple animated smiley face using D3.js v5 within a React framework. The code builds a yellow circle with black outline, adds two eye circles, and creates animated eyebrows using d3 transitions that move them up and down over one-second intervals. A mouth is rendered using the d3 `arc` function to generate a curved path. The visualization renders as an SVG element with animation, showcasing D3's capabilities for creating and manipulating basic geometric shapes and applying smooth transitions.

AI-generated description

A bare minimum HTML page.

See also React Starter.