Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
WWilson
Last edited Mar 31, 2021
Created on Mar 29, 2021
Forked from HTML Starter

This example renders a simple smiley face using React and SVG. It draws a gray background with three circles—a large yellow head and two smaller white eyes—all styled with black outlines. The page includes a bare-bones HTML structure with inline CSS and a JavaScript `console.log` call. It loads React 17 from unpkg via CDN, though the rendering itself uses static SVG elements rather than React components.

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 smiley face rendered as a static SVG graphic using React. The drawing consists of three circles: a large yellow circle for the face and two smaller black circles for the eyes, all placed within a 960 by 500 pixel SVG canvas. The code uses React and ReactDOM to render the SVG elements, with styles defined in CSS. The visualization demonstrates basic React component structure and declarative SVG circle creation without any interactive or data-driven behavior.

FFlorian Maas
96% match
Loading thumbnail…

Fork of HTML Starter

This example shows a simple smiley face rendered as static SVG shapes, including two eyes and a yellow circle with a black outline. It demonstrates a minimal React setup where React and ReactDOM are loaded via CDN from unpkg, and the SVG is defined directly in the HTML. The code references a separate JavaScript file that logs the ReactDOM object to the console, though the face itself is drawn without any React components or dynamic behavior.

Mmariacecilia.bnc@gmail.com
95% match
Loading thumbnail…

Fork of HTML Starter

A simple React page renders a static SVG smiley face composed of three circles: a yellow outer circle with a thick black stroke and two smaller black circles for eyes. The HTML loads React 17 from a CDN and logs the React object to the browser console. The visualization demonstrates basic SVG markup embedded directly in the page, with no interactive behavior or data binding.

AAbdulrahman AlAzwari
95% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates a simple smiley face composed of three SVG circles: a large yellow circle for the head and two smaller black circles for the eyes. The visualization uses React 16.7.0, loaded via a UMD build from unpkg, to render the static SVG markup directly in the browser. The page is styled with CSS to remove margins and hide overflow, while the SVG canvas is set to 960 by 500 pixels. No interactive behavior or data binding is implemented; the circles are hardcoded with fixed coordinates and attributes.

BBen Parkison
94% match
Loading thumbnail…

Fork of HTML Starter

This example renders a simple yellow smiley face using SVG circles defined directly in JSX-like HTML markup within a React application. It demonstrates a bare-bones integration of React with SVG, where the face consists of a large filled circle for the head and two smaller black circles for eyes. The code references the global `React` object via `console.log(React)` but does not use any React components or state. A minimal CSS stylesheet removes body margins and hides overflow, ensuring the graphic fills the viewport.

AArtem Synytsia
94% match
Loading thumbnail…

Fork of HTML Starter

This example presents a static SVG smiley face composed of three circles: a large yellow circle with a black stroke for the head, and two smaller black circles for eyes. The circles are drawn directly in the markup of an `index.html` file, which uses embedded CSS to center the face and remove page margins. JavaScript is minimally present via an `index.js` file that imports and logs the React library, though the visualization itself relies on pure SVG rendering without React components or dynamic behavior.

AArda Kosar
94% match
Loading thumbnail…

Fork of HTML Starter

This example shows a simple smiley face drawn with SVG circles, and a React app that renders a “Hello JSX” heading. It demonstrates a minimal integration of React and SVG on a single page, with both elements present but separate. The code loads React and ReactDOM from CDN, uses `ReactDOM.render` to mount the React component, and defines the SVG graphic directly in the HTML. The SVG includes a large yellow circle with two smaller black-outlined circles, all styled with stroke widths to suggest a face.

Kkhuton
94% match
Loading thumbnail…

Fork of HTML Starter

This example renders a simple SVG smiley face on a 960 by 500 canvas. It demonstrates a minimal HTML page using inline SVG shapes, with a yellow circle for the face and black circles for the eyes, all styled with a black stroke. The code loads D3.js v7 for DOM selection and imports React and ReactDOM, though the JavaScript only logs the React object to the console and does not drive the visualization. The page structure and styling are defined in `index.html` using CSS and a `Bundle.js` script.

JJames
94% match