allegedStink

@allegedSTINK·5 public vizzes

Fork of Smiley Face Part II

A React-rendered SVG smiley face fills the browser window, with a yellow circle head, two black eyes, and a mouth implied by the face’s outline. The code uses React 16.9 and ReactDOM to compute window dimensions and center the face, drawing all shapes as SVG `<circle>` elements with dynamic coordinates and stroke widths. No actual mouth or data source appears, only the geometric face composition.

Jan 7, 2024

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple smiley face built with three SVG circles: a large yellow face with a black outline and two smaller black eyes positioned symmetrically on either side. The code uses React, though the markup itself is plain SVG without any dynamic logic or interaction. The face is centered at 480, 250 on a 960 by 500 canvas, with the eyes placed at fixed x-coordinates to suggest a playful expression. The rendering relies on standard SVG element attributes for position, fill, and stroke, producing a static, minimal illustration.

Jan 7, 2024

Loading thumbnail…

Fork of Fork of Let's Make a Face Part I

This example displays a simple, static SVG composition of a smiley face, featuring a yellow circular head with a black outline and two smaller unfilled circles for eyes. The code builds the graphic directly in a raw HTML file using inline SVG elements, setting coordinates and dimensions through explicit attributes such as `cx`, `cy`, and `r`. The rendering relies on the browser's native SVG support, with a `960` by `500` viewport and styling applied via embedded CSS. No JavaScript or external libraries are used, showcasing the straightforward manual construction of vector shapes.

Jan 7, 2024

Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of “Let’s Make a Face Part I” displays a simple smiley-face sketch midway through its construction. The SVG shows a yellow circle with a black border and two smaller dark circles positioned as eyes, but the mouth and other details are absent. The visualization uses SVG primitives (`circle` elements) within a 960×500 canvas, with coordinates and stroke-widths set inline. The placeholder comments in the markup hint at future positioning logic, though only static, hard-coded geometry appears in the rendered output.

Jan 7, 2024

Loading thumbnail…

Fork of Hello HTML

This example renders a simple smiley face using inline SVG, composed of three circles: a yellow head with a black stroke and two black eyes. The code uses raw SVG elements (`circle`) with explicit `cx`, `cy`, and `r` attributes, and relies on CSS to remove page margins and hide overflow. The drawing is static, with no JavaScript libraries or data binding, and the face is centered within a 960×500 viewport.

Jan 7, 2024