Skip to main content
SimilarExport ZIP
100%

Smiley Face Part 1

✓ Published0🌍 Public
VVictor Chiagozie Ughonu
Last edited Oct 28, 2021
Created on Oct 28, 2021
Forked from Hello HTML

A static SVG smiley face rendered in a browser, showing a yellow circle with a black outline and two blank eye circles. Built with React and ReactDOM, the page loads React from a CDN and renders the graphic directly in the markup rather than through component logic, while the accompanying JavaScript code is incomplete and unused. The visualization demonstrates basic SVG shape composition with fixed coordinates for the face and eyes.

AI-generated description

A bare minimum HTML page.

Halfway through the smiley face

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley Face Part I

A static SVG smiley face displays a yellow circle head with black outline and two dark eye circles, rendered via React components. The code uses React 16.9 and ReactDOM to mount the visualization, computing circle positions from width, height, and offset constants. The face remains incomplete, missing a mouth, as noted in the source README. SVG elements are directly authored as JSX, with hardcoded geometric properties for the head and eyes.

DDuckGorilla
95% match
Loading thumbnail…

Smiley Face Part 1

A static smiley face rendered as an SVG using React and ReactDOM. The example defines a yellow circle with a black outline as the face, then positions two smaller black circles as eyes using computed coordinates and offsets. The code calculates the face radius and center based on the SVG width and height, and uses React's JSX syntax to render the shapes declaratively.

Nnavshahi
95% match
Loading thumbnail…

Smiley Face Part 1

A static SVG smiley face drawn with two yellow circles for eyes and a larger yellow circle for the head, rendered via React 17 and ReactDOM. The code hardcodes the SVG elements—a head with fill and stroke, and two eye circles—inside the HTML, while the JavaScript mounts an empty React app to the root element. No interaction or dynamic behavior is present.

Cclaudioportella
95% match
Loading thumbnail…

Smiley Face part 1

A static SVG smiley face renders a yellow circle with black outline, two smaller unfilled circles for eyes, and no mouth yet. Built with React and ReactDOM, the example mounts an empty `App` component into the DOM root while the SVG elements are hardcoded directly in the HTML file. The visualization introduces basic SVG shape attributes such as `cx`, `cy`, `r`, `fill`, and `stroke` within a 960-by-500 viewport, serving as a foundation for a future interactive face.

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

Smiley Face Part 1

A static SVG smiley face rendered with three circles: a large yellow head with a black stroke, and two smaller black eyes. The code uses raw SVG elements defined directly in the HTML, with CSS setting the page margin to zero and hiding overflow. React is part of the project metadata, but the example itself relies solely on SVG markup in the index file, with no JavaScript logic or data binding.

Cchshanmuk
95% match
Loading thumbnail…

Smiley Face Part I

A static yellow circle with a black stroke forms the face, while two smaller black circles serve as eyes, leaving the smile absent. The SVG is defined directly in the HTML, centered at 960×500 with coordinates computed from the viewport dimensions. The example integrates React and ReactDOM via CDN scripts, logging both to the console, though no React components render the graphic—the markup is plain SVG. This demonstrates a minimal hybrid setup where React loads alongside raw SVG markup.

Eedgardoisla
95% match