Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jan 6, 2024

Created on Jan 6, 2024

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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

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

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

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a static SVG of a simple smiley face, rendered on a canvas sized 960 by 500 pixels. It uses React 18.2.0 and ReactDOM, loaded via UMD from unpkg, to log the ReactDOM library to the browser console. The face is drawn with a yellow circle for the head, a black outline, and two black circles for eyes; all shapes are defined directly in the HTML markup rather than generated programmatically.

Ddahalprastut

95% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple smiley face drawn with SVG primitives on a 1000-by-540 canvas. It uses React (loaded via the UMD production build) to render the scene, though the markup itself is plain SVG inside an HTML page. Two large yellow circles form the head and eyes, with smaller concentric circles for pupils, set against an initially empty black-bordered rectangle. The code also calls `console.log(React)` in both inline script and `index.js`, confirming the library is loaded but not otherwise used for dynamic rendering.

Vvamshi4220

95% match