Ewa exercise 1

100%

Ewa exercise 1

✓ Published0🌍 Public

Last edited Feb 9, 2026

Created on Jan 31, 2026

This example displays a static yellow smiley face composed of three SVG circles on a dark background. The largest circle forms the face, with two smaller circles representing eyes, all hardcoded with fixed coordinates and dimensions within an SVG container. It uses React 16.9.0 for the page framework, though the actual drawing is plain SVG markup in the HTML file. The rendering relies on basic SVG circle elements, not data-driven or interactive features.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley Face part 1

This example shows a static yellow smiley face drawn with three SVG circles: a large face outline and two smaller eye circles. The code uses React 18 and ReactDOM to render the SVG elements, with hardcoded coordinates placing the face at the center of an 960×500 canvas. The first circle has a yellow fill and black stroke, while the eyes are black circles positioned symmetrically. The markup is embedded as an HTML comment, indicating a work-in-progress state where the smile curve has not yet been added.

Mmicho0802

86% match

Loading thumbnail…

Smiley face Part 1

This example displays a static smiley face constructed from three SVG circles: a large yellow face with a black outline and two smaller black circles for eyes, rendered on a 960 by 500 canvas. The drawing is implemented directly in the index.html markup using basic SVG elements, including circle tags with explicit coordinates and stroke attributes. Although the page loads React and ReactDOM libraries, the code does not utilize them for the visualization itself; the bundled JavaScript is minimal. The face is centered horizontally and vertically, with the eyes positioned symmetrically around the center point.

FFlore

85% match

Loading thumbnail…

Smiley Face

This example displays a static smiley face rendered as a yellow circle with two oval eyes, each containing a black pupil, and a curved mouth implied by the SVG shapes. Constructed with React 17 and plain SVG elements, the visualization uses hard-coded circle coordinates for the face and eyes, with yellow fill, black strokes, and thick stroke widths. The SVG canvas is set to 960 by 500 pixels, and the drawing is embedded directly in HTML without any interactive behavior or data-driven updates.

Rreshali35

85% 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

85% match

Loading thumbnail…

Smiley face 1

This example shows a simple, static smiley face constructed from three SVG circles: a large yellow face with a black outline and two smaller black eyes. The face is centered on a 960 by 500 canvas. The visualization is rendered using React, with the SVG elements defined directly in the HTML markup. No interactivity or dynamic behavior is present; it serves as a basic demonstration of combining React with raw SVG shapes.

Ddamianklick

85% match

Loading thumbnail…

smiley face part 1

This example displays a simple smiley face drawn with three SVG circles: a large yellow circle for the head and two smaller black circles for the eyes. The SVG element is defined directly in the HTML with fixed coordinates and stroke styling, rendered at 960 by 500 pixels. The React framework is loaded via JavaScript libraries for a minimal "Hello JSX" app, but the face itself does not rely on React or dynamic data, using static SVG markup instead.

JJason Barnes

85% 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

85% match

Loading thumbnail…

HTML CSS SVG Emm

An SVG smiley face is drawn on a yellow circle with black strokes, featuring two eye circles on a 960 by 500 canvas. The code uses raw React and static SVG elements, manually positioning each circle via `cx`, `cy`, and `r` attributes. The example demonstrates basic vector shape composition without interactivity, relying on fixed coordinates for the face's features.

Eedrisimm

84% match