Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Llefei1980

Last edited Aug 7, 2022

Created on Aug 5, 2022

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.

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

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

96% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG smiley face rendered directly in React, with two empty circles as eyes and a larger yellow circle as the head. The HTML file loads React and ReactDOM from CDN, then uses plain JSX inside a script tag to define the SVG elements. It demonstrates how React can manage SVG markup without any additional visualization libraries, relying solely on ReactDOM to render the component tree into the page.

EEdward Chen

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

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

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple smiley face drawn as a static SVG graphic, with a yellow circular face and two black-outlined eyes. The rendering uses raw SVG elements inside an HTML file, while the React library is loaded via CDN but not actually used for rendering. The code explicitly positions each circle with pixel coordinates, setting the face radius, stroke width, and eye placement. The SVG canvas is fixed at 960 by 500 pixels, and the face is centered. No data or interactivity is involved; it serves purely as a minimal React-with-SVG template.

Nnsingh1@student.nitw.ac.in

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