Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
Wwenpaul
Last edited Apr 6, 2021
Created on Apr 6, 2021
Forked from HTML Starter

This example displays a simple SVG face composed of three circles, with a yellow outer circle and two smaller circles for eyes, all rendered on a 960 by 500 canvas. The page uses plain HTML, CSS, and JavaScript, with the SVG elements defined directly in the markup and styling applied through a body rule that centers content and hides overflow. A JavaScript console.log statement demonstrates basic script execution in the browser's developer tools.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This example shows a simple yellow face composed of three SVG circles on a 960x500 canvas. The large circle forms the head, while two smaller circles serve as eyes, all outlined with thick black strokes. The visualization uses plain SVG elements directly in HTML, styled with basic CSS attributes like fill and stroke, without any JavaScript libraries or data processing.

Aaustinzani
95% match
Loading thumbnail…

Fork of HTML Starter

This example displays a simple SVG face composed of a yellow circle with a black outline, two black eye circles, and a black arc for a mouth, all centered on a 500 by 500 pixel canvas. The page uses raw HTML with embedded CSS to center the content and scale the text, and inline SVG elements (circle and arc) for the drawing. No JavaScript libraries are involved; the markup is static, with the styling and geometry defined directly in the SVG attributes. The rendering relies entirely on the browser’s native SVG support.

EErico Vasconcelos
94% match
Loading thumbnail…

Fork of HTML Starter

This example displays a simple, static SVG illustration of a face using two circles for eyes and a larger yellow circle with a black outline for the head. The rendering relies on raw SVG elements defined directly in the HTML body, with CSS used to remove page margins and hide overflow. The code snippet includes a script tag referencing React 17.0.2 via a CDN, though the visualization itself does not employ any React-specific functionality or dynamic data, instead presenting fixed geometry on a 960 by 500 canvas.

CcoldPen
94% match
Loading thumbnail…

Fork of HTML Starter

This example renders a simple SVG face composed of three yellow and black circles using plain HTML, CSS, and JavaScript. It demonstrates basic styling via CSS class selectors (such as `.face`, `.leftEye`, and `.rightEye`) that define circle positions and radii, while the JavaScript console logs the React library loaded from a CDN. The visualization itself does not use React for drawing; instead, it relies on static SVG markup with CSS coordinates. It serves as a minimal starter template for building and testing web-based graphics.

MMintuka
94% match
Loading thumbnail…

Fork of HTML Starter

This example shows a simple face composed of three SVG circles: a large yellow circle for the head and two smaller black circles for eyes. It is built using React 17, with the SVG elements written directly in the HTML file. The visualization serves as a minimal starter template, demonstrating how to combine static SVG markup with React’s rendering capabilities. No interactive behavior or data binding is present, focusing solely on basic SVG shape composition within a React environment.

Ccasclark
93% match
Loading thumbnail…

Fork of HTML Starter

This example shows a minimal SVG scene with a large yellow circle and two smaller circles arranged to resemble a simple face. The rendering approach uses plain SVG elements embedded directly in HTML, with CSS controlling the page layout by removing margins and hiding overflow. The circle’s appearance is styled with inline attributes for fill, stroke, and stroke-width, while the smaller circles use default black fills. No JavaScript libraries or data sources are involved; the visualization relies solely on static SVG markup within the document body.

Aamansadhwani
93% match
Loading thumbnail…

Fork of HTML Starter

This example renders a simple face using React and SVG, displaying a yellow circle with two smaller black circles as eyes against a 960×500 canvas. The code imports React and ReactDOM, defines constants for dimensions and positions, and uses JSX to construct SVG circle elements with props like `r`, `cx`, `cy`, and `stroke-width`. It leverages ReactDOM.render to mount the component into the DOM, demonstrating a minimal React-based data visualization with hardcoded geometric values.

GGyanashree Giri
93% match
Loading thumbnail…

Fork of HTML Starter

This example shows a simple static SVG face composed of a large yellow circle for the head and two smaller circles for eyes, all outlined in black. It demonstrates basic SVG rendering within an HTML page, using inline CSS to style elements and the `<svg>` element directly in the markup. The page sets an overflow hidden body to fit the graphic without scrollbars. The visualization relies solely on native SVG and CSS, with no external libraries or data processing.

AAravind Shenoy
93% match