Skip to main content
SimilarExport ZIP
100%

Smiley Face pt 1

✓ Published0🌍 Public
Bbkelner
Last edited Aug 10, 2021
Created on Aug 9, 2021
Forked from HTML Starter

A static SVG smiley face drawn with three circles shows a yellow face and two black eyes against a blank page. The example demonstrates basic React integration by loading the React production library via CDN and logging the React object from the entry script. The SVG markup is written directly in the HTML file, using circle elements with attributes for position, radius, fill, and stroke, while the accompanying JavaScript file only initializes the React import without rendering any components.

AI-generated description

halfway to smiley face

MIT Licensed

Similar vizzes

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
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 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 1

This example shows a yellow smiley face rendered as three SVG circles: two for the eyes and one large circle for the face outline. The HTML page loads React and ReactDOM from a CDN, while a separate bundle.js script references an index.js file that defines a basic React component. The circles are drawn directly in the SVG markup with fixed coordinates and a stroke, rather than through React components or JavaScript rendering logic. The face itself is static, with no interactive or animated behavior demonstrated.

Ttpokoski
94% match
Loading thumbnail…

Smiley Face pt. 1

This example shows a static smiley face drawn as three SVG circles: a large yellow circle for the face and two smaller black circles for the eyes, all centered on a 960-by-500 canvas. The code uses raw SVG elements inside an HTML page, with React loaded via CDN to render a separate, unused “Hello JSX” component. The face itself is not generated through React or any charting library; instead, it relies on hardcoded coordinates for each circle’s position and radius, with stroke and fill attributes controlling the outline and color.

TTay
94% match
Loading thumbnail…

Smiley Part 1

A page displays a static yellow smiley face in an SVG canvas, composed of three black circles for eyes and a large yellow circle with a black outline for the face. The example uses the React library, loaded via a UMD script, alongside a raw SVG circle element rendered directly in the HTML. The code also includes a separate `index.js` file that imports React and logs it to the console, though no interactive behavior is present. The simple sketch demonstrates basic React setup and SVG drawing without any data processing or dynamic updates.

Llai-james
94% match
Loading thumbnail…

Smiley face part 1

This example displays a static yellow smiley face composed of three SVG circles, drawn on a 960-by-500 canvas with a black outline. It shows a basic vector face, but the eyes are unfilled, leaving them transparent against the page background. The rendering relies entirely on raw SVG elements embedded in an HTML file, bypassing any dynamic computation. Although the page loads the React library via a script tag, the code uses no React components or APIs; it only logs the React object to the console before drawing the shapes.

BBilly Owire
94% match
Loading thumbnail…

Smiley Face Part 1

A yellow smiley face with two black eyes is rendered as a static SVG graphic on a 960 by 500 canvas. The face consists of three circles: a large yellow outer circle with a black stroke, and two smaller inner circles for the eyes, each with a black stroke. Built with React, the example loads the React production library from a CDN and logs the React object to the console, though no interactive behavior is demonstrated.

VVektra Casler
94% match