elinlqv@gmail.com

@elinlqv·2 public vizzes

Fork of Smiley Face Part II

This interactive React component renders a smiling face using SVG primitives. The application draws a yellow circle with a black outline for the face, and two smaller circles for the eyes, all positioned on a 960x500 canvas. The code uses React 18’s `createElement` and `ReactDOM.render` to mount the SVG structure into the DOM. The rendering approach is direct SVG markup generated through React’s JSX syntax, with no external data sources or animation libraries involved.

Jan 25, 2024

Loading thumbnail…

Fork of Hello HTML

This fork of the Hello HTML example renders a simple, static SVG smiley face with three circles: two black eyes and a yellow head outlined in black. The graphic is drawn directly in the HTML file using inline SVG elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, all displayed on a 960-by-500 canvas. The page uses minimal CSS to remove body margins and hide overflow. The visualization demonstrates basic SVG shape coding without any JavaScript libraries or external data, relying solely on hand-coded coordinates and styling.

Jan 25, 2024