Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Feb 12, 2022

Created on Feb 12, 2022

This example displays a simple yellow smiley face drawn with SVG primitives inside a React-based page. The rendering uses basic SVG elements like `circle` and `line` to form the face, eyes, and mouth, all placed within an 960x500 viewport. The code loads React 16.9.0 from a CDN and includes a separate `bundle.js` script, though the visible drawing does not rely on React components or state. A minimal styling rule hides body margins and overflow. The page also logs "hello" to the console, confirming the script execution.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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

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

95% match

Loading thumbnail…

Fork of Hello HTML

This example renders a simple smiley face as an SVG graphic. It shows a large yellow circle with black stroke for the head, and two smaller solid black circles as eyes, though it lacks a mouth. The page uses React 18.3.1 loaded via UMD script, with inline SVG elements drawn directly in the HTML. The `index.js` file logs a message to the console but does not drive the visualization. Rendering is static, with fixed coordinates and dimensions on a 950x500 canvas.

Aahmadmaqbool271@gmail.com

95% match

Loading thumbnail…

Fork of Hello HTML

This example renders a simple yellow smiley face using SVG elements. It draws a large yellow circle for the head with a black stroke, and two smaller black circles for eyes, all positioned relative to the center of a 960 by 500 viewport. The visualization is built with React and ReactDOM, which render the SVG directly into an HTML page. The drawing logic uses hardcoded coordinates and radius values rather than an external data source.

Sshahfahadpro

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow smiley face drawn as an SVG circle with two eye circles, rendered statically without interaction. The code uses React 17 to define an `App` component that returns SVG elements, with ReactDOM rendering it into the root HTML container. Dimensions and positions are computed via JavaScript variables for the face radius, center coordinates, stroke width, and eye offsets. The visualization demonstrates basic SVG circle shapes and React’s declarative JSX syntax for composing graphics, with no external data or dynamic behavior.

SShankar Ghimire

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static smiley face drawn with SVG circles, with a yellow head and two black eyes, rendered inside an HTML page. It uses React 16.9.0 loaded via a CDN, though the script only logs the React object to the console and does not drive the DOM. The SVG drawing is hand-coded directly in the HTML, with the face centered on a 960 by 500 viewport. The page includes embedded CSS to remove margins and hide overflow, and the render relies on the `bundle.js` file for any JavaScript execution.

Ccheeter_Lee

95% match

Loading thumbnail…

Fork of Hello HTML

This example renders a simple yellow smiley face using React 17 and SVG. It shows how static SVG shapes can be composed directly within an HTML document, relying on the `svg` element’s default coordinate system. The drawing consists of three circles: a large yellow face with a black stroke, and two smaller black eyes centered at fixed positions. The code uses raw React JavaScript via `unpkg` and the `react.production.min.js` script, with no additional visualization libraries or data processing.

Xxwong22

95% match