22521519@gm.uit.edu.vn

@trihuynhnhut0107·4 public vizzes

Fork of Let's Make a Face Part I

This fork of “Let's Make a Face Part I” displays a half-completed smiley face: a yellow, black-outlined face circle with two dark eye circles, but no mouth or other features. The graphic is drawn as raw SVG elements directly in an `index.html` file, using `circle` tags with explicit pixel coordinates and styling, and imports React to log the library to the console via `index.js` without affecting the rendered drawing.

Jan 13, 2024

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static yellow smiley face drawn with two black eyes on a blank background. It uses React 18.2.0 and inline SVG elements (`circle` for the face and eyes) within an HTML file. The face is centered at coordinates (480, 250) with a radius of 245, while the eyes rest at (350, 180) and (600, 180), each with a radius of 50. The code sets a fixed SVG viewport of 960 by 500 pixels and applies a black stroke with a width of 10 to the face outline. No interaction or animation is present; the visualization is purely declarative markup.

Jan 10, 2024

Loading thumbnail…

Fork of Smiley Face Part II

This example renders a yellow smiley face across the full browser window using React and SVG. The code computes a center point and applies an SVG transform to center the face, drawing a large yellow circle with a black stroke as the head and two empty circles for eyes. Built with React 16.9 and the ReactDOM library, it uses window dimensions to size the graphic responsively. The composition omits a mouth, relying solely on the head and eye shapes.

Jan 10, 2024

Loading thumbnail…

Smiley face

A static SVG smiley face rendered on a 960 by 500 canvas. The visualization uses two filled yellow circles for the face and eyes, with a black stroke outlining the head. The code relies on raw SVG elements, including `<svg>`, `<circle>`, and inline CSS styling, rather than a JavaScript library. The face is centered with eyes positioned symmetrically, creating a simple, abstract data-art piece.

Jan 10, 2024