milesjyoung

@milesjyoung·4 public vizzes

Fork of Smiley Face Part II

A fork of the "Smiley Face Part II" example renders a static smiley face using React and SVG. The face consists of a yellow circle with a black stroke, two black eye circles, and a mouth drawn as a ring using a D3 arc. The component calculates dimensions from the browser window and positions elements relative to the center. The code uses the React `ReactDOM.render` method and the D3 `arc` API, with the SVG output filling the entire viewport.

Feb 11, 2023

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a half-finished smiley face built with raw SVG elements. A large yellow circle with a black stroke forms the head, while two smaller circles represent the eyes. The code uses basic SVG circle elements with fixed coordinates and no JavaScript libraries. The drawing is static, and the accompanying README references a video tutorial on the construction process. The HTML file sets up a full-window canvas with defined width and height dimensions, and the circles use simple fill and stroke attributes for styling.

Feb 11, 2023

Loading thumbnail…

Fork of Smiley Face Part II

A smiley face is drawn using SVG shapes within a React component, with a yellow circle for the head and two smaller circles for eyes, all centered and scaled to the browser window. The code uses React's `createElement` via JSX and `ReactDOM.render` to mount the component, and it relies on the React 16.9 UMD builds loaded from a CDN. The rendering is purely SVG, with the face positioned through a translated coordinate system based on window dimensions.

Feb 11, 2023

Loading thumbnail…

Fork of Hello HTML

A simple SVG graphic depicts a black-outlined yellow circle with two smaller black circles positioned symmetrically inside, resembling a face. The page uses inline SVG elements within an HTML document, setting the body margin to zero and hiding overflow for a clean, full-viewport presentation. No external libraries are involved; the visualization relies solely on native SVG circle elements and basic CSS styling.

Feb 11, 2023