Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Practicing

Public visualization

Practicing

0 stars1🌍 Public
Rreshad-nabi
Last edited Aug 10, 2022
Created on Aug 9, 2022
Forked from HTML Starter

Two SVG smiley faces render side by side on a yellow circle with a blue stroke, red circular eyes, and an arc-based mouth. The first face displays a downward-curving mouth, while the second shows an upward curve, creating contrasting expressions. Built with React and D3 v7, the code uses `d3.arc()` to generate mouth paths with distinct start and end angles, while fixed radius and offset variables position the facial features. Each face is drawn within its own SVG element, transformed to center coordinates for consistent placement.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed