Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
Ddevon-campbell
Last edited Aug 20, 2023
Created on Aug 20, 2023
Forked from 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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

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.

Eekamsinghahuja123@gmail.com
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

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

A React-rendered SVG smiley face demonstrates basic SVG shape composition within an HTML page. The visualization shows a yellow circle with a thick black stroke as the face, plus two smaller black circles for eyes, all fixed at hardcoded coordinates. It initializes the React UMD library from unpkg to load the framework, though the actual component logic lives in a separate `index.js` file. The page logs "hello" to the console and uses no data sources or interactive features, serving primarily as a minimal HTML/React/SVG integration template.

BBen St. Clair
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 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.

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