Skip to main content
SimilarExport ZIP
100%

Face 1

✓ Published1🌍 Public
Eequiilibriumdigital
Last edited Mar 25, 2021
Created on Mar 25, 2021
Forked from HTML Starter

A yellow circle with two black circular eyes forms a simple, static face. The SVG canvas is 960 by 500 pixels, and the face is centered by setting the main circle's `cx` and `cy` to half of these dimensions. The code uses raw SVG elements (`circle`) and CSS to remove default page margins. The JavaScript and HTML files provide a minimal page structure, though the visualization itself requires no scripting or external libraries.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Face

A yellow circular face with two black eyes is drawn on a plain white background. Built entirely with SVG elements, the visualization uses a large `circle` for the head and two smaller `circle` elements for the pupils, all styled with thick black strokes. No external data or JavaScript libraries are involved; the rendering relies solely on static SVG markup directly embedded in the HTML page.

Yyenisi
91% match
Loading thumbnail…

Face part 1

A yellow circular face rendered with SVG is centered on a black-outlined canvas, featuring two smaller black circles positioned as eyes. The visualization uses React and ReactDOM to structure the page, while the drawing is defined directly in an SVG element within the HTML markup. The code includes an introductory "hello" heading and a separate React component, though the face itself is entirely constructed from static SVG shapes without interactive behavior.

BBrandon Miranda
90% match
Loading thumbnail…

Face1

A static vector face built from SVG primitives, drawn as a yellow circle with a black outline and two smaller black circles for eyes. The example uses plain inline SVG elements—`<circle>` and `<svg>`—inside a styled HTML page, with CSS layout for centering. It demonstrates a declarative approach to geometric composition without any JavaScript interaction or data binding.

JJagadishNandeesh
89% match
Loading thumbnail…

Face

An abstract face composed of simple SVG shapes is drawn on a 960 by 500 canvas. A large yellow circle with a black outline forms the head, while two smaller unfilled circles on the left and right sides represent the eyes. The visualization is built using React and rendered through SVG, with the basic layout defined directly in the HTML and supplemental code in the JavaScript file. The title “Face” is displayed as the page’s header.

CCasado7
89% match
Loading thumbnail…

Face Part I

A single yellow circle with a thick black outline forms the head of a simple face, centered within an SVG canvas. Two smaller black circles, positioned symmetrically to the left and right, serve as eyes. The page uses a bare HTML document with inline SVG elements to draw the shapes, relying on basic attributes like `cx`, `cy`, and `r` rather than any external JavaScript libraries. The rendering is static and entirely contained in the markup.

Kkripton-it
88% match
Loading thumbnail…

First Face

A yellow circle with a black outline forms the base of a simple face, accompanied by two smaller circles representing eyes. The visualization is a minimal, static example composed directly within an SVG element using basic shape tags. It relies on the native SVG API for rendering, with the face centered on a 960 by 500 pixel canvas. The code does not include a data source or interactivity, focusing instead on illustrating fundamental vector graphics construction.

Ddumbdataguy@gmail.com
88% match
Loading thumbnail…

Face part 1

This example displays a simple, static visualization of a yellow face: a single circle with a black outline centered on a light background. The visualization uses only an inline SVG element, with the circle’s position, size, and colors set directly via attributes like `cx`, `cy`, `r`, `fill`, and `stroke`. The page is minimal, containing no external JavaScript libraries or data sources, and the SVG is rendered without animation or interactivity.

AAhmed Naveed Asif
88% match
Loading thumbnail…

Face Part I

A yellow face rendered as an SVG circle with a thick black outline and two smaller black circles for eyes. The code uses raw SVG elements within an HTML page, styled with CSS for centering and removing page margins. It demonstrates basic React-free SVG composition, with the face drawn directly in the markup. The face is static, showing the use of SVG’s `<circle>` elements for simple geometric data visualization.

RRichard Premvaree
88% match