rockumk

@rockumk·5 public vizzes

Fork of Fork of Smiley Face III

This example shows a minimal React-rendered smiley face, with a brown circular head, black stroke outline, and two black eyes positioned symmetrically on a light gray background. The code uses React 16.9.0 and ReactDOM to render SVG elements directly into the DOM, computing dimensions from `window.innerWidth` and `window.innerHeight` so the face fills the viewport. It defines a single `App` component that draws the head as a `circle` with a transform to center it, and two eye circles offset by fixed pixel values. The rendering is purely static SVG, driven entirely by React’s declarative component structure.

Aug 5, 2021

Loading thumbnail…

Fork of Smiley Face Part II

This is a React-based SVG rendering of a smiley face that fills the browser window. The face is composed of simple circles: a large yellow circle with a black stroke for the head, and two smaller black circles for the eyes. The position and size of the face are calculated from the window’s inner width and height, using the `window.innerWidth` and `window.innerHeight` properties. The code uses the `React` and `ReactDOM` libraries to render the SVG element, with geometric values like `centerX`, `centerY`, and `eyeOffsetX` defined as constants.

Aug 5, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG drawing depicts a partial smiley face: a yellow circle with a black outline, two small black eyes, and no mouth. The markup places the face off-center and uses fixed pixel coordinates for all shapes. The example demonstrates basic SVG circle elements with fill and stroke attributes, embedded directly in HTML without any JavaScript libraries. It serves as a simple visual reference for positioning shapes relative to a central point, leaving the facial expression incomplete.

Aug 5, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG face made of three circles: a yellow head with a black outline and two black eyes, rendered against a blank page. The head circle uses explicit `cx`, `cy`, `r`, `fill`, and `stroke-width` attributes, while the eyes are simple unfilled circles. A short README notes this is half of a smiley face, with an embedded YouTube tutorial link. The example demonstrates basic SVG shape composition without JavaScript or external libraries.

Aug 5, 2021

Loading thumbnail…

vizhub

This example renders an empty HTML page with the title "vizhub" and no visible content. The code consists solely of a minimal HTML structure with a `<head>` and empty `<body>`, and does not include any data, libraries, or visualization logic. The embedded YouTube video on the page links to external content but is not part of the rendered visualization itself. As such, the example demonstrates only a bare-bones webpage scaffold with no interactive or graphical output.

Aug 5, 2021