Face I

100%

✓ Published0🌍 Public

Last edited Jul 1, 2021

Created on Jul 1, 2021

A stylized face rendered as a static SVG graphic, built from three circles: a large paleturquoise head with a black outline and two small pupils as dark dots. The composition is centered on a 960 by 500 canvas. The example uses raw SVG markup within an HTML page, with React and ReactDOM loaded via CDN, though the JavaScript code itself only logs the React object and does not drive the drawing.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Face2

This example shows a face constructed from three circles drawn on a 960 by 500 SVG canvas: a large blue head with a red outline, and two smaller circles for eyes—one cyan and one maroon. The code uses React 17 in a minimal HTML page, but the actual rendering is done through declarative SVG elements within a static `index.html` file. The page includes minimal CSS styling to remove margins and hide overflow, and the script logs a confirmation message to the console. The visualization relies on raw SVG markup rather than a data-driven approach.

Kkb7641

89% match

Loading thumbnail…

Face

A stylized face composed of SVG shapes is centered on a canvas, with a sky-blue circular head outlined in black. The face features two dark eyes with white highlights, eyebrows drawn as arcs, and a curved mouth, all constructed using D3's `arc()` generator. Built with React and D3 v6, the code uses `ReactDOM.render` to render the SVG elements, employing `ellipse`, `circle`, and `path` components with explicit coordinates and stroke widths.

RRajeevMukhesh

87% match

Loading thumbnail…

Face SVG

This example shows a simple face constructed from SVG circles inside an HTML page. The code uses SVG elements—a large yellow circle for the head and two smaller circles for eyes—rendered through static markup. The SVG canvas is set to 960 by 500 pixels, with the face centered and framed by a black stroke. It relies on plain CSS for page margins and overflow control, with no additional JavaScript or framework, despite the React-ready environment.

AAlexander Maina

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

87% match

Loading thumbnail…

face

A stylized face rendered as a static SVG graphic combines geometric shapes: an orange circle for the head, two blue circles for eyes, a triangular path for the nose, and a red ellipse for the mouth. The example uses declarative SVG elements directly in HTML, including `<circle>`, `<path>`, and `<ellipse>`, with attributes like `cx`, `cy`, `r`, and `d` to define positions and shapes. It demonstrates basic vector drawing without JavaScript frameworks or data libraries.

Ccachetetanger

87% match

Loading thumbnail…

Face

A smiling face rendered as a simple SVG graphic, built with React components. The visualization displays a yellow circle with a black outline for the head, and two smaller black circles positioned as eyes. The code uses React and ReactDOM from UMD bundles to manage the rendering, while the SVG elements (circle tags) are written directly in the index.html file. The face is centered on a 960x500 canvas with fixed pixel coordinates, and the page is styled with a hidden overflow to remove scrollbars.

JJohanna Magdalena

87% match

Loading thumbnail…

Face_version3

A stylized face constructed from three SVG circles, rendered with a yellow head, black outline, and two black eyes, is centered on a 960 by 500 canvas. The code uses React and ReactDOM to declare the static elements, with the head positioned at the canvas center and eyes offset by fixed x and y coordinates. The active React component renders shapes via SVG primitives, specifying dimensions and colors as JSX attributes. The example demonstrates a minimal, declarative approach to vector graphics composition without drawing that data.

114Hazel

86% match

Loading thumbnail…

Face

The example renders a yellow, stroke-outlined face using basic SVG shapes within a React application. It constructs the face from two circle elements for the eyes and a larger circle for the head, all drawn on an 800-by-800 canvas. The code uses React and ReactDOM to mount the component, while the SVG is hardcoded directly in the markup. The visualization demonstrates a simple, static composition without interactive behavior or data-driven updates.

AAkarsh Priyadarshan

86% match