TestDataGuy

@TestDataGuy·3 public vizzes

Fork of Let's Make a Face Part I

This interactive example displays a cartoon smiley face rendered as a yellow circle with black outline and two smaller circles for eyes. The visualization uses React and SVG primitives, with fixed coordinates for each circle element directly in the markup. The React code, using `ReactDOM.render`, injects only the face’s main circle into the DOM, while the static HTML includes the eye circles. The overall scene is a simple part one of a face-building exercise, showcasing basic SVG circle placement within a 960 by 500 viewport.

Aug 25, 2022

Loading thumbnail…

Fork of Smiley Face Part II

This example renders a responsive smiley face that scales to fill the browser window. The face consists of a yellow circle with a black outline and two smaller black circles for eyes, all positioned relative to the center of the screen. Built with React and ReactDOM, the visualization uses SVG elements whose coordinates and dimensions are calculated from the window’s inner width and height. The code sets explicit offsets for the eyes and mouth, though the mouth is defined but not drawn, leaving only the head and eyes visible.

Aug 25, 2022

Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow circle with two smaller black circles positioned to resemble a face, though the README notes it represents only half of a smiley face. The visualization is rendered as static SVG using native `<circle>` elements within an HTML document. It uses no external JavaScript libraries, relying instead on inline SVG attributes to set coordinates, radii, fill colors, and stroke properties. The code defines a 960×500 viewport with a large central circle and two eye-like shapes offset to the left and right, demonstrating basic SVG markup without interaction or data binding.

Aug 25, 2022