Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
MMohamed Gamal Hamed
Last edited Dec 2, 2021
Created on Dec 2, 2021
Forked from Hello HTML

A fork of the Hello HTML block, this example renders a static SVG smiley face made of three overlapping circles, with a yellow outer ring and two black eyes. The page also includes a React root element that displays a heading via `ReactDOM.render`. React 17 and ReactDOM are loaded from unpkg, while the SVG elements are defined directly in the HTML markup. No interaction or data binding occurs; the visualization is purely declarative and static.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a static smiley face drawn with basic SVG shapes: a yellow circle for the face and two black circles for eyes, centered on a 960×500 canvas. It is a React-based fork that loads React 18 and ReactDOM 19 via UMD scripts, while the actual rendering relies on plain SVG elements inside the HTML, with no dynamic behavior or JavaScript logic beyond importing and logging ReactDOM. The code uses hardcoded coordinates and stroke properties, not any data-driven or interactive visualization techniques.

Kkhairoleiman03@gmail.com
95% 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
95% match
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
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 renders a static SVG smiley face using React and raw HTML. The visualization displays a large yellow circle with black stroke as the face, two smaller black circles for eyes, and no visible mouth. The code creates the graphic through inline SVG elements embedded directly in the page body, with React imported but only logging to the console. The rendering approach relies on basic SVG shapes like `circle` rather than any data-driven logic or interaction.

MMMMRepa
94% match
Loading thumbnail…

Fork of Hello HTML

This example renders a static smiley face using SVG primitives: two black-outlined yellow circles form the head and eyes, all drawn with hardcoded coordinates. The visualization loads React via a UMD script and imports it in JavaScript, though no React components or dynamic behavior appear in the implemented code. The SVG canvas is 960 by 500 pixels, positioned without margins or overflow. The fork’s title references a minimal HTML tutorial, and the code demonstrates basic SVG circle elements with fill and stroke styling rather than interactive or data-driven features.

Aamirhaviv.13@gmail.com
94% match
Loading thumbnail…

Fork of Hello HTML

A static SVG smiley face depicts a yellow circle with black stroke and two black eyes. The page embeds React and ReactDOM via UMD builds, with an `index.js` file rendering a simple "Hello JSX" heading into a root div using `ReactDOM.render`. A separate inline SVG defines the face directly in the HTML, demonstrating how raw SVG markup coexists with React-rendered content in the same document.

Ddevon-campbell
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