Fork of HTML Starter

100%

Fork of HTML Starter

✓ Published0🌍 Public

Last edited Jul 23, 2021

Created on Jul 23, 2021

This example displays a simple, static face made of SVG circles, using a yellow circle as the head, two black-and-white circles for eyes, and a black outline stroke. The code is written in raw HTML within the `index.html` file, directly embedding the SVG elements rather than leveraging React or JavaScript for generation. The only JavaScript present, `console.log('helo1')` in `index.js`, outputs a message to the browser console and does not affect the visualization. The page loads the React library but does not use it for this graphic.

AI-generated description

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

Similar vizzes

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

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

Loading thumbnail…

Fork of HTML Starter

A static SVG face is drawn with two yellow circles forming a head and eyes, rendered through plain SVG elements in the HTML. The code loads React 19.1.0 from a CDN and logs the React object to the console, while `index.js` prints "hello world". The example demonstrates a minimal HTML starter setup with SVG markup, though no React components or interactive behavior are actually implemented.

Cchapagain.sushankhya@gmail.com

92% match

Loading thumbnail…

Fork of HTML Starter

This example shows a static SVG face made of three circles—a large yellow head with a black outline and two smaller dark eyes—positioned on a 960 by 500 canvas. A React component renders the text "hello" into a separate HTML element, while the SVG markup is written directly in the HTML file. The code loads React and ReactDOM from CDN links and uses `ReactDOM.render` to mount the component, though the face itself is not generated through React.

Hhawkroad

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

92% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static SVG face comprised of three circles: a large yellow head with a cyan outline and two smaller black eyes. It serves as a minimal demonstration of embedding SVG graphics directly within an HTML page. The page structure is built with basic HTML, while the React library is loaded via a script tag from the unpkg CDN. However, the rendering itself relies solely on standard SVG elements (circle) and does not utilize any React components or dynamic data.

Eeatenmoth

91% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static yellow face composed of three SVG circles, with a black outline and two small circles for eyes, rendered on a 960 by 500 canvas. The page loads the React library from a CDN, and the code logs the React object to the console. The visualization is built directly with inline SVG markup in the HTML body, while a separate JavaScript file simply executes the same console log command, demonstrating a minimal integration of React alongside an SVG drawing.

Ssean.smith@artifact.io

91% match

Loading thumbnail…

Fork of HTML Starter

This example displays a simple yellow circle with a black outline centered on an SVG canvas, flanked by two smaller black circles representing a stylized face. The page is a bare-bones HTML document that loads React 16.7.0 from a CDN but does not use any React components or methods. Instead, it relies on plain SVG elements—circle, cx, cy, r, fill, and stroke—to render the shapes, while CSS classes control font styling for an empty message area. The rendering approach is direct, static SVG without data binding or interaction.

JJake

91% match