Kellin00

@Kellin00·2 public vizzes

Fork of Smiley Face Part II

This example shows a yellow smiley face rendered across the full browser window, with two black eyes, a curved mouth, and a thick black outline. Built with React functional components, the SVG shape is generated using D3’s `arc()` generator for the mouth path, while circles are positioned via computed horizontal and vertical offsets. The code retrieves window dimensions to center the face, and ReactDOM renders the SVG directly into the DOM.

Oct 12, 2021

Loading thumbnail…

Smiley face part 1

This example renders a simple yellow smiley face as an SVG graphic, showing a circle with a black stroke and two smaller unfilled circles for eyes. The code uses React with ReactDOM to mount an app into a root div, though the current JavaScript only displays "Hello JSX" and does not yet draw the face. The SVG markup is present as commented-out code, indicating an intended setup with a 960x500 viewport and calculated coordinates for the face elements. The rendering relies on React 17 production builds loaded from unpkg.

Oct 12, 2021