longhornplee

@longhornplee·3 public vizzes

Fork of Smiley Face Part 1

This example shows a yellow smiley face rendered as a circle with two black eye circles, centered on a full-screen SVG. The React app uses `window.innerWidth` and `window.innerHeight` to set the drawing dimensions, and translates a `<g>` group to the center before positioning features with offsets. It employs React 17 and `ReactDOM.render` to mount the SVG, with hardcoded constants for eye placement and radius, while the mouth remains unrendered. The face updates responsively by recalculating dimensions from the browser window.

Aug 23, 2021

Loading thumbnail…

Fork of Smiley Face Part 1

This gallery example shows a simple yellow smiley face constructed from three overlapping circles. The face is the primary visual element, with a large yellow circle forming the head and two smaller, black circles positioned symmetrically for eyes. The drawing relies on the Scalable Vector Graphics (SVG) format, specifically using SVG's `circle` element to render each shape. The code directly sets the circle's `cx`, `cy`, `r`, and fill attributes within an `index.html` file to define the geometry and appearance, without using any external JavaScript libraries or data sources.

Aug 23, 2021

Loading thumbnail…

Fork of HTML Starter

This example displays a single line of large, centered text reading “Hey HTML” in a browser. It demonstrates a minimal web page that combines CSS for styling and JavaScript for interactive behavior. The code uses standard HTML elements like `<h1>` and `<style>`, and executes a JavaScript `console.log` command that outputs a message to the browser’s developer tools. The page’s appearance and functionality are defined entirely within a single `index.html` file, with no external data sources or visualization libraries.

Aug 23, 2021