Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jan 22, 2024

Created on Jan 22, 2024

This example shows a static yellow smiley face drawn with SVG shapes, including a large circle for the head and two smaller circles for eyes. The page uses React 16.9 loaded via a UMD script tag from unpkg, though the React import in `index.js` only logs the library to the console. The SVG is hardcoded directly in `index.html` with fixed pixel coordinates and stroke styling, serving as a minimal starting point for a larger project. The data is entirely hardcoded rather than loaded from an external source.

AI-generated description

A bare minimum HTML page. Halfway to a smily face

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a static smiley face constructed from a yellow circle with two eyes, rendered inline in an SVG element sized 960 by 600. It uses React 18.2.0 and ReactDOM 16.7.0, loaded via UMD from unpkg. The `bundle.js` file logs the React object to the console, while the SVG shapes are drawn directly in the HTML without any JavaScript-driven data or interactivity. The rendering relies purely on SVG primitives such as `circle` elements with explicit stroke and fill attributes.

Ffarabeeislam@gmail.com

96% match

Loading thumbnail…

Fork of Hello HTML

This example shows a static SVG smiley face composed of a yellow circle with black outline and two smaller black circles for eyes, centered on an 800-by-400 canvas. It uses React 16.9 loaded via a UMD script, though React is only console-logged in index.js and does not directly render the SVG elements. The entire graphic is hand-coded in the index.html file using inline SVG tags.

SSohail Ahmad

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a static, hand-coded SVG smiley face with two eyes and a yellow circular head, rendered on a 960 by 500 canvas. The face is composed of three `<circle>` elements, with the head drawn using a yellow fill and a black stroke. The code uses React 17.0.1, loaded via a UMD script from unpkg, though the visualization itself is purely declarative SVG markup. The page applies a minimal CSS reset for margin and overflow, and the rendering approach is a direct use of SVG’s vector graphics API.

Mmattroark216

95% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow smiley face with black-outlined circular eyes, rendered as static SVG shapes. The drawing is implemented with hardcoded `circle` elements inside an `<svg>` tag, using a 960-by-500 pixel canvas. Although the file references React via a production UMD script and logs `React` to the console in `index.js`, the visualization itself relies solely on plain HTML and SVG markup—no interactive behavior or data-driven updates are demonstrated.

Mmurguia.joe@gmail.com

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a yellow smiley face drawn with two black eyes on a white background. It renders static SVG circles directly in the HTML body using React and ReactDOM. The page imports React 16.7 and ReactDOM 18.2 from a CDN, and the root element is referenced by `document.getElementById('root')`. No interactive behavior or data updates are included; the face is drawn entirely with hardcoded circle coordinates and attributes.

PPittaro

95% match

Loading thumbnail…

Fork of Hello HTML

This example renders a static yellow circle with a black border and two smaller black circles as eyes, forming a simple smiley-face-like shape. It uses React 17 to log the imported `React` object to the console via `index.js`, though no dynamic components are implemented. The SVG markup in `index.html` directly defines the shapes, with coordinates and radii hardcoded. The page loads React from a UMD distribution and defers the script execution, setting the body to hide overflow.

TTravis Luke

95% match

Loading thumbnail…

Fork of Hello HTML

This example renders a static SVG smiley face directly in HTML. It uses React 16.9.0, loaded via a UMD script, though the `index.js` merely logs the React import. The SVG, not React, draws the face with a yellow circle, black stroke, and two smaller circles for eyes, positioned on a 960 by 500 canvas. The page includes an embedded YouTube video in its README.

Eekamsinghahuja123@gmail.com

95% match

Loading thumbnail…

Fork of Hello HTML

This example renders a simple yellow smiley face using React 17 and SVG. It shows how static SVG shapes can be composed directly within an HTML document, relying on the `svg` element’s default coordinate system. The drawing consists of three circles: a large yellow face with a black stroke, and two smaller black eyes centered at fixed positions. The code uses raw React JavaScript via `unpkg` and the `react.production.min.js` script, with no additional visualization libraries or data processing.

Xxwong22

94% match