Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
Aadt110149@gm.ntcu.edu.tw
Last edited Oct 4, 2025
Created on Oct 3, 2025
Forked from Hello HTML

This example shows a simple smiley face composed of three SVG circles: a large yellow circle with a black outline for the head and two smaller black circles for the eyes. The visualization is rendered statically on an SVG canvas. The code uses React 18.3.1 via a UMD script tag and a minimal JavaScript bundle that only imports React and logs it to the console, without implementing any interactive or dynamic behavior.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Hello HTML

This example draws a simple smiley face using React and SVG. It renders three circles—a large yellow head with a black stroke, and two smaller black circles for eyes—positioned according to computed coordinates derived from the canvas dimensions. The code uses React 18.2 and ReactDOM to render an SVG element, with circle properties like `cx`, `cy`, `r`, and `stroke-width` defined directly in the JSX. The visualization is a static, procedural composition without external data.

Ggktb
97% match
Loading thumbnail…

Fork of Hello HTML

This visualization shows a simple smiley face composed of three circles: a large yellow head with a black stroke, and two smaller black eyes. The entire graphic is drawn as static SVG elements directly in the HTML markup. The example uses React 16.9.0, loaded via a UMD script from unpkg, though the code only logs the React object to the console and does not leverage React for rendering. The SVG canvas is 960 by 500 pixels, with the face centered and the eyes positioned symmetrically.

MMohamed
96% match
Loading thumbnail…

Fork of Hello HTML

This example shows a static smiley face composed of three SVG circles: a large yellow face with black outlines and two smaller eyes. It serves as a simple introduction to rendering shapes with React by loading React 16.7.0 from a CDN and logging the library to the console. The SVG elements use explicit `cx`, `cy`, `r`, and `stroke-width` attributes to position the face and eyes on a 960×500 canvas, with CSS hiding overflow. The code does not include interactive behavior or dynamic data.

RRambo Talabong
96% 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
96% match
Loading thumbnail…

Fork of Hello HTML

This example renders a simple smiley face using SVG shapes on an HTML page. The visualization loads React 16.7.0 via a CDN script tag and logs the React object to the browser console. The SVG canvas contains three circles—a yellow face with black stroke and two black eyes—positioned with explicit coordinates. The code demonstrates basic SVG circle elements alongside React's UMD production build, with CSS applied to remove page margins and hide overflow.

Kkevinfu92@hotmail.com
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 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