Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
Mmariacecilia.bnc@gmail.com
Last edited Jan 19, 2024
Created on Jan 19, 2024
Forked from 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.

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 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.

WWilson
95% match
Loading thumbnail…

Fork of Fork of HTML Starter

This example shows a simple smiley face drawn as static SVG shapes, with a yellow circle for the face and two smaller black circles for eyes. The visualization uses React 16.13.1 and ReactDOM 18.2.0 from CDN, but the SVG markup is written directly in the HTML file rather than through JSX. The code positions the face at the center of a 960x500 viewport, with the eyes placed symmetrically around the center using hardcoded cx and cy coordinates. The rendering approach relies on basic SVG circle elements with fill, stroke, and stroke-width attributes, while the index.js file contains only a placeholder React component that is not integrated with the SVG content.

Vvan.dao.t@gmail.com
95% match
Loading thumbnail…

Fork of HTML Starter

This example shows a simple yellow smiley face drawn with SVG circles, including a face outline and two eyes positioned symmetrically around the center. The page loads React and ReactDOM from CDN, though the visible drawing is plain SVG markup embedded directly in the HTML with inline styles for the body. The React component in `index.js` renders a heading, but the actual face visualization is static SVG code that does not depend on the JavaScript framework.

Ccheztrolitor
95% 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 Hello HTML

This example shows a simple static SVG smiley face rendered directly in React, with two empty circles as eyes and a larger yellow circle as the head. The HTML file loads React and ReactDOM from CDN, then uses plain JSX inside a script tag to define the SVG elements. It demonstrates how React can manage SVG markup without any additional visualization libraries, relying solely on ReactDOM to render the component tree into the page.

EEdward Chen
94% match
Loading thumbnail…

Fork of Hello HTML

This example shows a static SVG of a simple smiley face, rendered on a canvas sized 960 by 500 pixels. It uses React 18.2.0 and ReactDOM, loaded via UMD from unpkg, to log the ReactDOM library to the browser console. The face is drawn with a yellow circle for the head, a black outline, and two black circles for eyes; all shapes are defined directly in the HTML markup rather than generated programmatically.

Ddahalprastut
94% match
Loading thumbnail…

Fork of Hello HTML

This example demonstrates a minimal React application that renders a static SVG smiley face, consisting of a yellow circle with two black eyes, inside an HTML page. The page loads React 18 and ReactDOM from unpkg CDNs, though the JavaScript file merely logs the React object to the console. The visualization uses inline SVG markup within the HTML, with a commented-out SVG block showing the intended graphic, and a containing div where the React app would mount. The design uses simple geometric shapes—circles with explicit coordinates, radii, and fill colors—to create the face.

NNikhil
94% match