Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Oct 12, 2021

Created on Oct 12, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example renders a simple yellow circle with two smaller circles, depicting a basic smiley-face graphic in SVG. The static shapes are defined directly in the HTML markup, while React, imported via UMD, mounts an App component that renders a placeholder Hello element into the root div. The code uses React and ReactDOM APIs for component initialization, but the visual output comes from the hardcoded SVG elements, not from React-rendered logic.

MMohamed Mesahel, PMP

95% match

Loading thumbnail…

Fork of Hello HTML

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.

Ddanbuschmeyer@gmail.com

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple, static smiley face composed of three SVG circles: a large yellow circle for the head and two smaller black circles for the eyes. The React library is loaded via a UMD script and imported in JavaScript, though the visualization itself is hardcoded directly in the HTML markup rather than generated through React components. The page renders the graphic using inline SVG elements, with the body styled to remove margins and hide overflow.

Ssking8484

94% 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

94% match

Loading thumbnail…

Fork of Hello HTML

A yellow circle with a black outline and two smaller black circles is drawn on a blank SVG canvas, resembling a simple smiley face or target. The visualization is a minimal HTML page that imports React 16.9.0 via a CDN and logs the React object to the console. Rendering is done entirely with static SVG elements—a large `circle` and two smaller ones—positioned using fixed coordinates. No interaction, animation, or data binding occurs; the example demonstrates basic SVG markup within a React-loaded page.

MMykoaZ

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static SVG smiley face with a yellow circle, black outline, and two smaller unfilled circles for eyes. The rendering uses raw SVG elements embedded directly in an HTML page, with a hidden React script loaded via CDN. The code references React 18’s production UMD build and logs the React object to the console, though no React components or rendering logic are actually used. The page sets body margins to zero and hides overflow, while the SVG is sized at 960 by 500 pixels.

PPratik Raja

94% match

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

93% match