Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face Part I

Public visualization

Viewing a saved revision (read-only)

ff9edf6a1db644ac88420aec75c5f348

Smiley Face Part I

0 stars0🌍 Public
GGabriel Starosky
Last edited May 2, 2021
Created on May 1, 2021
Forked from Hello VizHub

This example assembles a yellow smiley face from modular React components—BackgroundCircle, Eyes, Mouth, and FaceContainer—that wrap D3’s arc generator for the mouth’s curved path. The code positions facial features via SVG circles and a path, all rendered on a 960×500 canvas using ReactDOM, with D3 loaded from a CDN. It demonstrates local ES6 module imports, state-free composition, and geometric parameters for eye offset, mouth radius, and stroke width, though no external data is used.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.