Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Nov 9, 2021

Created on Nov 9, 2021

This example shows a simple SVG smiley face drawn on a yellow circle with black stroke, featuring two smaller circles for eyes. It serves as a minimal demonstration of embedding SVG elements directly within an HTML page alongside React. The code uses React and ReactDOM from external UMD scripts, while the face itself is rendered with raw SVG tags rather than React components. The page loads a bundle.js file and uses standard SVG circle elements positioned at fixed coordinates, with the body styling removing margins and hiding overflow.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example displays a minimal SVG smiley face: a yellow circle with a black outline and two smaller circles for eyes, rendered inside an HTML page. The visualization uses React 18 and ReactDOM 17 (loaded via UMD) to handle a console log of the ReactDOM object, while the visual itself is drawn as static SVG markup with hardcoded coordinates and radius values. The SVG scene is 960 by 500 pixels and centers the face horizontally, with no interactive or dynamic behavior present.

NNick Zanetti

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

95% match

Loading thumbnail…

Fork of Hello HTML

A static SVG smiley face is rendered on a yellow circle with black eyes and a thick outline. The example demonstrates a minimal React setup by importing React and ReactDOM from CDN scripts, though it logs the React object to the console without using React components. The visualization relies on raw SVG elements—`<circle>` shapes for the face and eyes—defined directly in the HTML body, with styling applied via inline attributes. The code includes a YouTube embed and a basic HTML page structure, showcasing a simple, non-interactive fork of an introductory HTML example.

GGymTanOptimal

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

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

95% match

Loading thumbnail…

Fork of Hello HTML

This example renders a simple SVG smiley face: two black-outlined yellow circles form a large head shape, while two smaller filled circles serve as eyes. It demonstrates a bare-bones React setup by loading React 17 from a CDN, although the SVG is plain static markup rather than generated through React components. The page logs “hello javascript” to the console and uses inline styles to remove body margins and hide overflow. Drawing relies solely on native SVG elements, with no D3 or charting library involved.

IIqbal Dzakwan I

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