Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jan 21, 2025

Created on Jan 21, 2025

This example shows a simple static smiley face drawn with SVG circles, with a yellow head and two black eyes, rendered inside an HTML page. It uses React 16.9.0 loaded via a CDN, though the script only logs the React object to the console and does not drive the DOM. The SVG drawing is hand-coded directly in the HTML, with the face centered on a 960 by 500 viewport. The page includes embedded CSS to remove margins and hide overflow, and the render relies on the `bundle.js` file for any JavaScript execution.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example presents a basic smiley face graphic rendered as static SVG elements within an HTML page. The visualization consists of a large yellow circle with two smaller black circles positioned as eyes, all drawn using geometric primitives. The code uses React 18.3.1 loaded from unpkg, though the visible rendering relies directly on SVG markup rather than React-generated output. The page uses minimal CSS to remove margins and hide overflow, producing a clean 960×500 display.

CChristian Larrea

96% match

Loading thumbnail…

Fork of Hello HTML

This example shows a static smiley face constructed from three SVG circles: a large yellow circle for the face and two smaller black circles for the eyes. Drawn with React and rendered inline in an HTML page, the SVG markup uses explicit pixel coordinates for the circle centers and radius values. The face outline uses a black stroke with a yellow fill, while the eyes are simple filled circles. The code loads React from a CDN but does not use any JavaScript logic or data processing; it is a purely declarative visual.

Aadi.toromanovic@outlook.com

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

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

96% match

Loading thumbnail…

Fork of Hello HTML

A static SVG smiley face is drawn directly in the markup, featuring a yellow circular head with black outline and two smaller black circles for eyes. The face is rendered using plain SVG elements—`circle` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—within an inline `<svg>` element sized at 960 by 500 pixels. The page loads React 18.3.1 and ReactDOM via CDN, and `index.js` imports both but only logs the `ReactDOM` object to the console, meaning no React components are used. The example demonstrates hand-coded SVG for simple geometric shapes without any data binding or interactivity.

Jjazaira@gmail.com

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

96% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static SVG smiley face—a yellow circle with two black eyes—centered on a 960-by-500 canvas. It demonstrates basic React integration by using React 18 and ReactDOM to render a component into a root element, while the visual itself is drawn directly with SVG circle elements. The code mixes HTML markup, SVG attributes, and a minimal React script, with all styling handled by inline attributes and a small CSS rule. It does not show any interactive behavior or data-driven updates, only a fixed illustration.

Llefei1980

96% match

Loading thumbnail…

Fork of Hello HTML

This fork of "Hello HTML" renders a static smiley face as a simple SVG, featuring a yellow circle with a black outline and two smaller black circles for eyes. The example demonstrates basic SVG markup embedded directly in an HTML page, stripped of any interactive behavior. It loads the React library via a UMD script tag but only logs the React object to the console, without using React for rendering. The drawing itself relies on raw SVG elements—`circle` tags—positioned at fixed coordinates within a 960×500 viewport, showing a minimal, non-dynamic chart-like figure.

Mmhalamek26@gmail.com

96% match