Skip to main content
SimilarExport ZIP
100%

SmileyFaceI

✓ Published0🌍 Public
EEric Van Horenbeeck
Last edited Dec 13, 2022
Created on Dec 13, 2022
Forked from Hello HTML

A static smiley face rendered as SVG shows a yellow circle with black outline and two smaller circles for eyes. The HTML page defines the graphic directly with hardcoded circle coordinates, while a separate React component in `index.js` merely displays "Hello JSX" using `ReactDOM.render`. The project uses React 16.7.0 from a CDN, but the visible face itself relies only on plain SVG elements without dynamic data or interaction.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley Face-I

A static SVG smiley face appears on a yellow circle with a black outline, centered in a 960×500 viewport. The page loads React 17 and ReactDOM from a CDN, while the main `index.js` file defines a React component that renders a simple "Hello My world!" heading. However, the visible face is drawn directly in the HTML using an SVG `<circle>` element, not through React. The example demonstrates a minimal setup where HTML, SVG, and React coexist in a single page, with the actual smiley shape relying purely on static SVG markup.

Rrabinkmc
95% match
Loading thumbnail…

Smiley Face

A smiling face rendered as a static SVG graphic uses React 17 and ReactDOM to mount an app, though the visible face is drawn directly in the index.html file with hardcoded circle elements. The yellow outer circle, two black eye circles, and implied curved mouth are laid out with explicit pixel coordinates on a 960×500 canvas. The code does not implement any interaction or data-driven logic; it simply outputs a fixed, pre-defined facial composition.

JJasprado23
94% match
Loading thumbnail…

Smiley Face

A yellow smiley face rendered as an SVG circle with two smaller black circles for eyes sits centered on a 960×500 canvas. The page loads React 16.9 and ReactDOM 17.0.2 from unpkg, though the visualization itself uses only raw SVG elements—`<circle>` tags with explicit `cx`, `cy`, and `r` attributes—rather than React components. A script tag logs “React” and `index.js` imports React and ReactDOM, but no interactive behavior or data binding is present. The example demonstrates a static, hand-coded SVG composition embedded in an HTML file.

HHuhej
93% match
Loading thumbnail…

Smiley face

This example displays a classic yellow smiley face rendered as SVG shapes: a large circle for the face and two smaller circles for the eyes, all with black strokes. The page combines static SVG markup in `index.html` with a React app initialized in `index.js` using React 18 and ReactDOM, though the React component currently only renders a placeholder heading. The face itself is drawn directly in the HTML without JavaScript-driven data or interactivity, showcasing a simple hybrid of vanilla SVG and React setup.

AABI DAVID LIVING-STONE
93% match
Loading thumbnail…

Smiley Face Part I

This example shows a static smiley face rendered as a simple SVG graphic. The face consists of three circles: a large yellow circle for the head and two smaller black circles for the eyes, all drawn directly in the HTML markup. The code uses React 16.9.0 and ReactDOM to mount a separate “Hello JSX” component, though the smiley face itself is plain SVG without React involvement. The rendering approach relies on explicit SVG attributes for positioning and styling, with a viewport of 960 by 500 pixels.

Bbartlomiejkoszek
93% match
Loading thumbnail…

Smiley Face Part 1

A static SVG smiley face shows two black eyes on a yellow circle outlined in black, with no mouth yet. The drawing is hardcoded as three `<circle>` elements directly in the HTML, while the React app in `index.js` renders only a simple "Hello JSX" heading. The example uses React 16.9 and ReactDOM, with SVG coordinates centered at 480×250 on a 960×500 canvas. The file’s README notes this is half of a complete smiley face.

JJoseph Connelly
93% match
Loading thumbnail…

Smiley Face Part I

A static yellow smiley face rendered as three SVG circles—a large head and two smaller eyes—appears on a 960-by-500 canvas. The page loads React and ReactDOM from a CDN, though the visible drawing is plain SVG markup in the HTML, not React-generated. The code includes a minimal `index.js` that imports React but does not render any component, so the smiley face is purely declarative SVG without interactive behavior.

XXinhuiyu Liu
93% 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
93% match