Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
MMohamed Mesahel, PMP
Last edited Mar 7, 2022
Created on Mar 2, 2022
Forked from Hello HTML

This example renders a simple yellow circle with two smaller circles, depicting a basic smiley-face graphic in SVG. The static shapes are defined directly in the HTML markup, while React, imported via UMD, mounts an App component that renders a placeholder Hello element into the root div. The code uses React and ReactDOM APIs for component initialization, but the visual output comes from the hardcoded SVG elements, not from React-rendered logic.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example renders a static yellow circle with a black border and two smaller black circles as eyes, forming a simple smiley-face-like shape. It uses React 17 to log the imported `React` object to the console via `index.js`, though no dynamic components are implemented. The SVG markup in `index.html` directly defines the shapes, with coordinates and radii hardcoded. The page loads React from a UMD distribution and defers the script execution, setting the body to hide overflow.

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

Fork of Hello HTML

This example draws a simple yellow smiley face as an SVG graphic using React and ReactDOM. It defines three circles: a large yellow circle for the head with a black stroke, and two smaller black circles positioned offset from the center to represent the eyes. The component sets explicit pixel dimensions for the SVG canvas and uses hard-coded constants for distances and radii. The rendering is accomplished by mounting the React component to a root div element, utilizing the production builds of React and ReactDOM loaded from a CDN.

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

Fork of Hello HTML

This example displays a simple yellow smiley face with black-outlined circular eyes, rendered as static SVG shapes. The drawing is implemented with hardcoded `circle` elements inside an `<svg>` tag, using a 960-by-500 pixel canvas. Although the file references React via a production UMD script and logs `React` to the console in `index.js`, the visualization itself relies solely on plain HTML and SVG markup—no interactive behavior or data-driven updates are demonstrated.

Mmurguia.joe@gmail.com
94% match
Loading thumbnail…

Fork of Fork of Hello HTML

This example shows a yellow circle with a black outline and two smaller circles positioned as eyes, rendered as a static smiley face. The visualization is built entirely with SVG elements inside a React application, using the `react` and `react-dom` libraries to structure the component. It draws shapes directly using `circle` elements with explicit coordinates and styling, and the rendering relies on the browser’s SVG support.

EEnoch Ssentumbwe
94% match