tgilbert09

@tgilbert09·2 public vizzes

Fork of Smiley Face Part II

This example renders a full-screen smiley face using React and D3’s `arc` generator for the mouth. The SVG circles form the yellow face, black stroke, and eyes, while the mouth path is created via `arc()` with specified inner and outer radii and angled start/end points. Position and size are computed from the browser window dimensions, and the face is centered with a D3 `g` transform. The code uses React for component structure and `ReactDOM.render` to mount the SVG, with all coordinates and styling defined in JavaScript.

Dec 18, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a single yellow circle with a black stroke rendered as an SVG, representing the first step toward building a smiley face. It uses React to define and render the SVG element, with dimensions and positioning derived from constants for width, height, and stroke width. The code relies on ReactDOM to mount the component into the page, and the rendering approach is purely declarative SVG within a React component.

Dec 17, 2021