KNguyen000

@KNguyen000·3 public vizzes

Fork of Let's Make a Face Part I

A yellow circle with a black outline fills the center of an SVG canvas, forming the base of a face. Two smaller black circles, positioned symmetrically to the left and right of the center, suggest eyes, while the lower half of the face remains empty. The composition uses basic SVG shapes and static coordinates from the `index.html` file, with no JavaScript interaction, presenting a partial, unfinished smiley-face construction as part of a step-by-step tutorial.

Nov 6, 2023

Loading thumbnail…

Fork of Smiley Face Part II

This example renders a responsive smiley face that fills the browser window. The face is drawn using React and SVG, with a yellow circle for the head, two black eye circles, and a mouth suggested by an empty `<g>` transform. The code calculates the face’s dimensions from `window.innerWidth` and `window.innerHeight`, centering it dynamically. It uses ReactDOM to render the SVG to the `#root` element, with the `circle` elements positioned via `cx` and `cy` offsets from the center.

Nov 6, 2023

Loading thumbnail…

Fork of Hello HTML

This example is a nearly empty HTML page that contains a single SVG circle element. The page demonstrates the minimal structure required to embed an SVG graphic directly within an HTML document, without any styling, JavaScript, or data binding. The rendering relies on the browser’s native SVG support, as shown by the inline `<svg>` and `<circle>` tags, and the page includes an embedded YouTube video in the README for reference. It uses no external libraries or APIs beyond the core HTML and SVG standards.

Nov 1, 2023