Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
AAmber Chou
Last edited Jul 23, 2022
Created on Jul 23, 2022
Forked from Hello HTML

This example renders a static smiley face using React 16.9 and ReactDOM 18.3, with three SVG circles drawn directly in the markup. The outer circle is filled yellow with a black stroke, while two smaller unfilled circles form the eyes. Although the index.js file defines an empty App component and calls ReactDOM.render on the root div, the visible output comes entirely from the inline SVG, not from React-rendered elements. The page uses production UMD builds of both React libraries and applies global CSS to remove margins and hide overflow.

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 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 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
Loading thumbnail…

Fork of Fork of Hello HTML

This example shows a static SVG smiley face drawn with two yellow and black circles, a nose, and a mouth, rendered alongside a React “Hello World” heading. The SVG uses hard-coded circle elements with fill, stroke, and stroke-width attributes to create the face. The page loads React 17 and ReactDOM from a CDN, while `index.js` uses `ReactDOM.render` to mount a simple `App` component. The SVG is placed directly in the HTML body rather than being generated by React.

AAsimali39
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 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
94% match
Loading thumbnail…

Fork of Hello HTML

This example demonstrates a minimal React application that renders a static SVG smiley face, consisting of a yellow circle with two black eyes, inside an HTML page. The page loads React 18 and ReactDOM from unpkg CDNs, though the JavaScript file merely logs the React object to the console. The visualization uses inline SVG markup within the HTML, with a commented-out SVG block showing the intended graphic, and a containing div where the React app would mount. The design uses simple geometric shapes—circles with explicit coordinates, radii, and fill colors—to create the face.

NNikhil
94% 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
94% match
Loading thumbnail…

Fork of Hello HTML

This example demonstrates a React-based rendering of a simple yellow smiley face, built entirely with SVG primitives. The visualization uses two React UMD builds (react.development.js and react-dom.development.js) loaded via CDN, with index.js logging the React object to the console. The face is composed of three circles—one large yellow body and two black eyes—drawn using SVG circle elements with explicit coordinates and stroke attributes. No interactive behavior or data processing is included; the output is purely a static, declarative SVG composition managed within an HTML page.

FFrancisco Miranda
94% match