5번째 시간

100%

5번째 시간

✓ Published0🌍 Public

Last edited May 3, 2021

Created on May 3, 2021

A simple SVG drawing depicts a smiley face, built directly in an HTML file. It uses basic SVG shapes: a large yellow circle for the head, two smaller black circles for eyes, and a yellow circle with a black stroke for the mouth. React and CSS are referenced in the README, but the visualization itself relies solely on static SVG elements within the markup. The code sets explicit coordinates and sizes for each circle, rendering the face without any interaction or data-driven logic.

AI-generated description

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

Similar vizzes

Loading thumbnail…

2

This example shows a simple static smiley face rendered as SVG. The main face is a yellow circle with a black stroke, and two smaller black circles serve as eyes, positioned symmetrically on either side of the center. The drawing uses React 18 and inline SVG elements, with hard-coded coordinates for the circles. No interactive behavior or data is present; the visualization is purely a fixed geometric composition.

ZZhangirkhan1

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

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

86% match

Loading thumbnail…

Hello HTML

This example renders a simple smiley face using React and SVG. It draws three circles directly in the JSX markup: a large yellow face with a black stroke and two smaller circles for eyes. The SVG viewport is 960 by 500 pixels, with the face centered. The code uses raw SVG elements within an HTML file that includes React from a CDN, though it does not apply any React-specific rendering logic or state.

JJJohnson1991

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

86% match

Loading thumbnail…

0504_d3실습

This example creates a static smiley face using SVG shapes, rendered through a plain React component in the bundled visualization. The code draws three circles directly in the SVG markup: a large yellow circle for the face, two smaller black circles for the eyes, and a yellow nose with a black stroke. The rendering uses inline SVG elements without D3.js functions or data-driven joins, relying solely on hardcoded coordinates and styling attributes. The page, defined in index.html, loads JavaScript to display the composition on a 900x400 canvas.

CChomin21

86% match

Loading thumbnail…

A smiley face

This example shows a simple smiley face rendered as a static SVG graphic, composed of a yellow circular head, two black eyes, and a curved line for the mouth. The visualization uses plain SVG elements—`circle`, `line`, and a `g` group—within an HTML page, styled with attributes like `fill`, `stroke`, and `stroke-width`. The React framework is not actively used despite being listed; the code relies directly on the browser’s native SVG support to draw the face on a 960×500 canvas.

Aankxxit

86% match

Loading thumbnail…

smiley

This example shows a simple smiley face drawn on an SVG canvas, with two black eyes and a yellow circular face outlined in black. The code uses React 18 via a UMD build and renders the graphic entirely through static SVG elements, including `<circle>` tags for the face and eyes. No interactive behavior or data binding is present; it is a purely presentational visualization demonstrating basic SVG shapes and styling within a React setup.

Ww.fukuyama@gmail.com

86% match