Skip to main content
SimilarExport ZIP
100%

Smiley face part I

✓ Published1🌍 Public
HHarsh Vijay
Last edited May 19, 2021
Created on May 19, 2021
Forked from Hello HTML

A yellow circle with a black outline forms a simple smiley face, and two smaller unfilled circles serve as eyes. No mouth is rendered. The visualization is built with React 17 and renders directly as static SVG markup in the HTML body, using hard-coded `circle` elements with fixed `cx`, `cy`, and `r` attributes. The example loads React from a UMD bundle and logs the React object to the console via `index.js`.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley Face Part 1

A yellow circle with a black outline represents a smiley face, containing two smaller black circles as eyes. The example demonstrates basic SVG rendering within a React application, using hardcoded SVG circle elements positioned via `cx` and `cy` attributes. The page loads React from a UMD build and logs "Hello JavaScript" to the console. The visualization is static, with no interactivity or animation, serving as a simple introduction to combining React with SVG markup.

995shavinda
95% match
Loading thumbnail…

Smiley Face part 1

A yellow circle with a thick black outline forms the face, alongside two smaller unfilled circles positioned as eyes, rendered directly in SVG within an HTML file. The example uses React 16.9.0, loaded via a UMD script, and relies on static SVG markup for the shapes rather than dynamic data or programmatic drawing. The page is set to hide overflow and remove default body margins, making the visualization fill the viewport.

HHuhej
95% match
Loading thumbnail…

Smiley Face Part I

A yellow circle with a black outline and two smaller black circles as eyes forms a partial smiley face on an SVG canvas. The example uses React 17 to render static SVG elements via JSX syntax, with the `circle` component defining the face and eye positions. The SVG is 960 by 500 pixels, and the code is embedded directly in the HTML document. No interaction or animation is present; it solely displays the initial geometric shapes.

CChongho Lee
94% match
Loading thumbnail…

Smiley face part 1

This example renders a simple smiley face using SVG circles. It shows a central yellow circle with a black outline, accompanied by two smaller black circles representing eyes, all positioned within a 960 by 500 canvas. The visualization is built with React, leveraging the `react` and `react-dom` libraries, and renders the graphic statically via inline SVG markup in the HTML file. The shape is defined declaratively through SVG elements with specified coordinates and radii, without any interactive or dynamic behaviors.

HHasheef Riyas
94% match
Loading thumbnail…

Smiley Face Part I

This visualization displays a yellow circle with a black outline and two unfilled circular eyes, forming the initial components of a smiley face. The SVG markup defines the shapes directly, positioning the central face at 480,250 with a radius of 245, and placing the eye circles at offset x-coordinates. The example uses React 16.9.0 loaded via UMD, with the React library logged to the console and bundled through a separate JavaScript file.

NnimbusFarzaneh
94% match
Loading thumbnail…

Smiley Face Part 1

The visualization displays a fixed yellow circle with a black outline and two smaller black circles positioned as eyes, forming a static smiley face. It renders directly through inline SVG markup within an HTML page, using absolute coordinates for each shape. The code loads React and ReactDOM via UMD scripts from unpkg, while the visible face itself is plain SVG without any programmatic interaction or dynamic behavior.

Yyodadroid
94% match
Loading thumbnail…

Smiley Face Part I

A yellow face with black outline is drawn on an SVG canvas, featuring two solid black circles as eyes on a blank background. The face is built directly in the markup using React’s JSX-like syntax embedded in an HTML file, with three `<circle>` elements sized and positioned via `cx`, `cy`, and `r` attributes. The rendering relies on the browser’s native SVG support, with React loaded from a CDN to manage the document structure, though no dynamic behavior or data transformations are present.

Rrsulli4
94% match
Loading thumbnail…

Smiley Face Part I

A static smiley face rendered in SVG appears on a yellow circular head with black stroke, featuring two black eyes and no mouth. The visualization uses React 17.0.2 loaded via UMD script, with hardcoded circle elements placed at fixed coordinates on a 960x500 canvas. The example demonstrates basic SVG rendering through React’s createElement or JSX transformation, though no interactive behavior or data-driven updates are present.

TTegar Dimas Pradana
94% match