Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Feb 13, 2024

Created on Feb 13, 2024

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.

AI-generated description

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

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

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

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

96% match

Loading thumbnail…

Fork of Hello HTML

This example shows a static yellow smiley face drawn with SVG shapes, including a large circle for the head and two smaller circles for eyes. The page uses React 16.9 loaded via a UMD script tag from unpkg, though the React import in `index.js` only logs the library to the console. The SVG is hardcoded directly in `index.html` with fixed pixel coordinates and stroke styling, serving as a minimal starting point for a larger project. The data is entirely hardcoded rather than loaded from an external source.

Ddanbuschmeyer@gmail.com

96% match

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

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.

AAmber Chou

95% match