Hulu2007

@Hulu2007·2 public vizzes

Fork of Smiley Face Part II

This example displays a friendly yellow smiley face that fills the entire browser window, scaling its size responsively to the viewport dimensions. The face is constructed using React components that render SVG circles for the head, eyes, and facial features, with the head positioned at the center of the screen. The code imports the `arc` function from `d3` and uses D3 v7 for mathematical utilities, while React handles the SVG element creation and DOM updates. The implementation uses absolute positioning with `window.innerWidth` and `window.innerHeight` to determine the face’s dimensions, and applies a stroke to outline the head circle.

Jul 17, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

A half-finished smiley face is rendered as static SVG shapes, showing a yellow head with two black-outlined eyes but no mouth. The head is a circle centered at 480, 250 with a radius of 245, while the eyes are smaller circles at coordinates 350, 180 and 600, 180. The code uses React 17 and ReactDOM to load the drawing, though the SVG is written directly in the HTML file rather than generated through a visualization library. The

Jul 17, 2021