olirek1

@olirek1·3 public vizzes

Fork of Smiley Face Part II

A smiling face rendered as a full-window SVG, with a yellow circular head, two black eyes, and no mouth, is shown. The example uses React to generate the SVG elements and calculates positions from the browser window's dimensions. It relies on the React and ReactDOM libraries to mount the component, dynamically sizing the face to fill the entire viewport based on `window.innerWidth` and `window.innerHeight`.

Jan 24, 2022

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows the initial stage of building a smiley face, displaying a large yellow circle with a black outline and two smaller black circles for eyes. The SVG rendering uses the `<circle>` element with explicit `cx`, `cy`, and `r` attributes to position each shape on a 960 by 500 canvas. The first circle is centered, while the eyes are placed using horizontal offsets from the center, as noted in the HTML comments. The layout is static and does not involve any scripting libraries or data sources.

Jan 24, 2022

Loading thumbnail…

Fork of Hello HTML

This example shows a minimalist static scene: a large yellow circle with a black outline, accompanied by two smaller unfilled circles, arranged to suggest a face. The visualization is built entirely with inline SVG elements inside an HTML page, using no JavaScript or external libraries. The rendering approach relies on basic SVG shape tags (`circle`) with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, all set within a fixed 960×500 viewport. The code demonstrates how pure HTML and SVG can create a simple graphic without any data-binding or interaction.

Jan 24, 2022