Skip to main content
SimilarExport ZIP
100%

Smiley Face Part 1

✓ Published0🌍 Public
Cchshanmuk
Last edited Feb 2, 2022
Created on Feb 2, 2022
Forked from HTML Starter

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley face part 1

This example displays a static smiley face constructed from three SVG circles: a large yellow circle for the head and two smaller black circles for the eyes. The face is rendered directly in the HTML markup using inline SVG with fixed coordinates and styling, while React code initializes a minimal JSX component without affecting the visual output. The rendering is purely declarative, relying on SVG's circle elements and basic attributes.

Ddeepaktatineni
96% match
Loading thumbnail…

Smiley Face Part I

This example shows a static smiley face built from three SVG circles: a large yellow face, and two smaller black eyes. The face is rendered using React 17 and SVG elements defined directly in the HTML, with the React library loaded via CDN. It demonstrates basic SVG circle positioning and styling within a fixed 960 by 500 coordinate system. The code includes minimal React setup, though the rendered output does not depend on React’s rendering logic for the visible drawing.

Qqueens-lab
96% match
Loading thumbnail…

Smiley Face Part I

This example renders a static smiley face using SVG primitives within a React application. The face is constructed from three circles: a large yellow circle with a black stroke forms the head, while two smaller circles serve as eyes. The page is built with React 17, loaded via the UMD distribution, and ReactDOM, though the JavaScript file only logs the React objects. The SVG is hardcoded directly in the HTML file, with dimensions set to 960 by 500 pixels. No external data sources or interaction logic are present.

Gguohao77
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

This example shows a static smiley face drawn with three SVG circles: a large yellow circle for the head and two smaller black circles for eyes, all positioned within a 960 by 500 pixel viewport. The HTML file defines the SVG elements directly in markup, while the React files contain only a minimal “Hello JSX” component that is not rendered. The face itself is created using basic SVG attributes like `cx`, `cy`, `r`, and `stroke-width`, with React 18 and ReactDOM loaded via CDN but not actively used for the visualization.

Wwjnaramore
95% match
Loading thumbnail…

Smiley Face Part I

This example shows a static smiley face composed of three SVG circles: a yellow face with a black outline and two black eyes. The code uses React 17 via a UMD build and renders the shapes directly in an SVG element with explicit coordinates for each circle’s center and radius. No smile or other features are drawn. The page is a bare HTML setup with inline CSS to remove margins and hide overflow, and the SVG is sized at 960 by 500 pixels.

MMeghas Mukombo
95% match
Loading thumbnail…

Smiley Face part 1

A static yellow smiley face rendered with three SVG circles appears on a blank white canvas. The largest circle forms the head with a yellow fill and black stroke, while two smaller black unfilled circles serve as eyes. The visualization uses raw SVG elements defined directly in the HTML, with React included as a script dependency but not actively driving the rendering. The code displays a simple, fixed geometric composition without any interactive or animated features.

AAngus Clark
95% match
Loading thumbnail…

Smiley face part 1

This example displays a static SVG smiley face constructed from three circles: a large yellow circle with a black stroke for the head and two smaller black circles for the eyes. The code renders the graphic by embedding the SVG markup directly in an HTML page, using raw SVG elements like `<circle>`. Although the page references React and includes a JavaScript file that imports the React library, no React components or rendering logic are actually used to generate the visualization, as the graphic is defined purely in static markup.

QQuino Terceño
95% match