Skip to main content
SimilarExport ZIP
100%

Hello HTML I

✓ Published0🌍 Public
Jjlee-lab
Last edited Apr 21, 2021
Created on Apr 5, 2021
Forked from Hello HTML

This example shows a minimal React setup where a smiley face is drawn using SVG circles on a yellow background. The code loads React from a CDN and logs the React object to the browser console, while the visual itself is rendered declaratively with raw SVG elements like `<circle>`. It demonstrates basic SVG rendering within an HTML page, with no interaction or data binding beyond the static shapes and styling applied through inline attributes.

AI-generated description

A bare minimum [HTML]

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello HTML

This example shows a simple static SVG rendering of a smiley face, with a large yellow circle for the head and two smaller black circles for the eyes. The page loads React and ReactDOM from CDN links, but the visible visualization is hand-coded SVG in the HTML body. The code also defines a minimal React app component that renders a heading, though it is not displayed in the SVG output. The example demonstrates basic HTML structure, inline CSS to remove margins, and integration of the React library.

DDr.Capybara
93% match
Loading thumbnail…

Hello HTML

This example renders a simple smiley face using React and SVG. It draws three circles directly in the JSX markup: a large yellow face with a black stroke and two smaller circles for eyes. The SVG viewport is 960 by 500 pixels, with the face centered. The code uses raw SVG elements within an HTML file that includes React from a CDN, though it does not apply any React-specific rendering logic or state.

JJJohnson1991
93% match
Loading thumbnail…

Hello HTML

This example displays a static smiley face drawn with SVG shapes, featuring a yellow circle for the face and two smaller black circles for eyes. The code uses React to load the library and logs it to the console, then renders the SVG directly in the HTML body. It uses React 18.2.0 from a CDN and hand-coded SVG elements like `circle` with attributes for position, radius, fill, and stroke, though it does not yet include a mouth.

Aagopu@nd.edu
92% match
Loading thumbnail…

Hello HTML

This example shows a simple SVG smiley face drawn directly in an HTML page. It uses two black circles for eyes and a larger yellow circle for the head, all rendered with SVG’s `circle` elements. The code loads the React library in a script tag and includes a separate `bundle.js` file, though no interactive behavior is demonstrated. The page is minimal, with the SVG hardcoded to a 960 by 500 canvas and the head centered at (480, 250). React is imported and logged via `console.log(React)` but is not otherwise used in the markup.

Ssamawi.samadikun@gmail.com
92% match
Loading thumbnail…

Hello HTML

This example shows a simple SVG smiley face composed of three circles on a yellow background, rendered within a fixed 960 by 500 pixel canvas. The page is a bare minimum HTML document that includes a heading and embeds the graphic directly. It uses raw SVG markup with circle elements, setting their center coordinates, radii, fill colors, and stroke properties. The page also imports the React library from a Content Delivery Network, though the visualization itself does not depend on React for its rendering.

OOlayemi
92% match
Loading thumbnail…

Hello HTML

This example displays a simple smiley face drawn with SVG shapes on a 960 by 500 canvas. It renders a yellow circle with a black outline as the head, plus two smaller unfilled circles for eyes, all defined directly in the markup. The page loads React from a CDN and logs the React object to the console, though no React components or state drive the visualization. The HTML and CSS set the page margin to zero and hide overflow, while the SVG elements handle the entire graphic.

SSamyBO98
92% match
Loading thumbnail…

Hello HTML

A simple SVG smiley face rendered directly in HTML, with yellow circular face, black stroke, and two smaller circles for eyes. The page uses vanilla HTML and JavaScript, logging "Hello Javascript" to the console and loading React via a CDN script tag, though React is not actively used in the rendering. The example demonstrates basic SVG element creation without any charting or data-binding libraries, serving as a minimal introduction to embedding vector graphics in a web page.

Ddeepshringi
92% match
Loading thumbnail…

Hello HTML

This example displays a simple yellow smiley face made of three SVG circles on a 960-by-500 canvas. It uses React 18.2.0 via UMD builds to render static SVG elements defined directly in the HTML markup. The code imports React and ReactDOM to log the React object, while the visible visualization relies on native SVG circle elements with explicit positioning and styling. No interactive behavior or data processing occurs.

XXiaofan Jiao
92% match