Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
UUmit S. Oner
Last edited May 3, 2021
Created on May 3, 2021
Forked from HTML Starter

This example displays a static yellow circle with two smaller black-outlined circles positioned as eyes, drawn directly in SVG within an HTML page. The code uses inline CSS to remove page margins and hide overflow, while the SVG elements are explicitly defined with pixel coordinates for each circle’s center and radius. A JavaScript block logs “Hello JavaScript!” to the browser’s console, demonstrating basic script execution without any interactive behavior or data-driven rendering.

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 displays a yellow circle with two smaller black circles positioned to resemble a face. The visualization is rendered as static SVG elements, including a main circle and two offset circles, all defined directly in the HTML markup. The page uses plain CSS for layout and a JavaScript console log statement for debugging. The SVG coordinate system and circle attributes such as radius and fill color are used to construct the simple graphic.

JJacob Potvin
93% match
Loading thumbnail…

Fork of HTML Starter

This example renders a simple yellow circle with a black outline and a smaller unfilled circle on a blank SVG canvas. The HTML page uses a minimal CSS reset to remove body margins and hide overflow. The SVG elements are drawn directly in the markup with explicit coordinates and dimensions, demonstrating basic static vector graphics without any JavaScript libraries or data binding.

RRedcoat314
93% match
Loading thumbnail…

Fork of HTML Starter

This example displays a simple yellow circle with a black outline and two smaller unfilled circles, positioned to resemble a face. The large circle is centered within an SVG element sized 960 by 500 pixels, and the smaller circles are placed symmetrically on either side. The visualization uses raw SVG shapes defined directly in the HTML markup, with no external JavaScript libraries, demonstrating a minimal approach to vector graphics rendering and placement.

Mmhmdrmd97
93% match
Loading thumbnail…

Fork of HTML Starter

This example shows a simple yellow circle with a thick black outline and two smaller unfilled circles, positioned to resemble a face. It renders directly as SVG elements inside the HTML body, using hard-coded coordinates and radii. The page includes React and ReactDOM scripts from unpkg, though the React code only logs the ReactDOM object to the console. Styling is minimal, hiding page margins and centering a large text message that is not otherwise used.

Aarinozavr
92% match
Loading thumbnail…

Fork of HTML Starter

This example shows a static yellow circle centered on a dark background. The circle is drawn with an SVG `<circle>` element inside an inline `<svg>` tag with fixed width and height attributes. CSS sets the page’s text alignment and font size, while a JavaScript `console.log` statement outputs a message to the browser’s developer tools, demonstrating basic HTML, CSS, and JavaScript integration without any external libraries.

Pphamnhatkhanh
92% match
Loading thumbnail…

Fork of HTML Starter

This example renders a single yellow circle with a black stroke on an SVG canvas, centered against a plain white background. It uses inline CSS to control page layout and SVG elements directly in the HTML to define the circle’s position, radius, and colors. The page serves as a minimal demonstration of combining HTML, CSS, and JavaScript for basic graphics. No external libraries or data sources are used; the visualization is purely static.

BBin
92% match
Loading thumbnail…

Fork of HTML Starter

This example shows a simple yellow circle with two black eyes, resembling a basic face, rendered on a 960 by 500 pixel SVG canvas within an HTML page. The drawing uses raw SVG elements—a central `<circle>` for the face and two smaller `<circle>` elements for the eyes—with hard-coded coordinates and styling via CSS. The page loads the React 18.2.0 UMD libraries and includes a JavaScript file that logs the `ReactDom` object, demonstrating a minimal setup for integrating React with static SVG graphics.

Kkousikgvs
92% match
Loading thumbnail…

Fork of HTML Starter

This example renders a simple face-like composition directly in SVG, featuring a large yellow circle with a black outline and two smaller black circles for eyes. The graphic is drawn entirely in static markup within an HTML page, using inline CSS for typography and layout, including a large centered message. No JavaScript libraries or data sources are involved; the visualization relies solely on hard-coded SVG circle elements.

Kkhuezy
92% match