Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Viewing a saved revision (read-only)

6335b94edfa8458e8156377a9049763d

Fork of HTML Starter

0 stars0🌍 Public
CCarlos A. Peralta
Last edited Sep 28, 2021
Created on Sep 21, 2021
Forked from HTML Starter

This example renders a smiley face in SVG using React components and D3 shape generators. It shows a yellow circle with black stroke, two eye circles, and a mouth path drawn with `d3.arc()`. The code uses React for component composition, with `BackgroundCircle` as a reusable component, and renders through ReactDOM into the DOM. The SVG is 960 by 500 pixels, with position calculations for eyes and mouth based on center coordinates and offset values.

AI-generated description

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

See also React Starter.