Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jan 11, 2024

Created on Jan 11, 2024

This example shows a simple smiley face drawn as two black eyes and a yellow circle on an SVG canvas. The code uses React 16.9.0, loaded from an unpkg CDN, and renders shapes with hard-coded circle elements. The bundle.js file contains a minimal script that logs React to the console, while index.html contains the direct SVG markup. It demonstrates the basic structure of combining React with raw SVG for static, declarative graphics.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example renders a simple smiley face using SVG shapes on an HTML page. The visualization loads React 16.7.0 via a CDN script tag and logs the React object to the browser console. The SVG canvas contains three circles—a yellow face with black stroke and two black eyes—positioned with explicit coordinates. The code demonstrates basic SVG circle elements alongside React's UMD production build, with CSS applied to remove page margins and hide overflow.

Kkevinfu92@hotmail.com

95% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple smiley face drawn with SVG primitives on a 1000-by-540 canvas. It uses React (loaded via the UMD production build) to render the scene, though the markup itself is plain SVG inside an HTML page. Two large yellow circles form the head and eyes, with smaller concentric circles for pupils, set against an initially empty black-bordered rectangle. The code also calls `console.log(React)` in both inline script and `index.js`, confirming the library is loaded but not otherwise used for dynamic rendering.

Vvamshi4220

95% match

Loading thumbnail…

Fork of Fork of Hello HTML 2

This example shows a simple static smiley face drawn with two black eyes and a yellow circle outline on a blank SVG canvas. It loads the React library from a CDN and logs the React object to the browser console, though no React components are actually rendered. The visualization uses raw SVG elements—a `<circle>` for the face and two smaller `<circle>` nodes for eyes—positioned with fixed coordinates within a 960×500 viewport. The page is styled with zero margins and hidden overflow, making the SVG fill the entire browser window without scrolling.

NNicolás Troncoso

95% match

Loading thumbnail…

Fork of Hello HTML

This example renders a simple SVG smiley face: two black-outlined yellow circles form a large head shape, while two smaller filled circles serve as eyes. It demonstrates a bare-bones React setup by loading React 17 from a CDN, although the SVG is plain static markup rather than generated through React components. The page logs “hello javascript” to the console and uses inline styles to remove body margins and hide overflow. Drawing relies solely on native SVG elements, with no D3 or charting library involved.

IIqbal Dzakwan I

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a static SVG smiley face composed of a yellow circle with black outline and two smaller black circles for eyes, centered on an 800-by-400 canvas. It uses React 16.9 loaded via a UMD script, though React is only console-logged in index.js and does not directly render the SVG elements. The entire graphic is hand-coded in the index.html file using inline SVG tags.

SSohail Ahmad

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static smiley face drawn with SVG circles, with a yellow head and two black eyes, rendered inside an HTML page. It uses React 16.9.0 loaded via a CDN, though the script only logs the React object to the console and does not drive the DOM. The SVG drawing is hand-coded directly in the HTML, with the face centered on a 960 by 500 viewport. The page includes embedded CSS to remove margins and hide overflow, and the render relies on the `bundle.js` file for any JavaScript execution.

Ccheeter_Lee

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a minimal SVG smiley face—a large yellow circle outlined in black, with two smaller black circles for eyes—centered on a 960-by-500 canvas. It is built from a plain HTML page that loads React 16.9.0 from a CDN and logs the React object to the console, but the visual itself is hand-coded SVG without any React components or data manipulation. The code uses a basic `<svg>` element with hard-coded circle coordinates and styling, showing the simplest possible static vector rendering.

SSteffen

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple smiley face composed of three SVG circles: a large yellow circle with a black outline for the head and two smaller black circles for the eyes. The visualization is rendered statically on an SVG canvas. The code uses React 18.3.1 via a UMD script tag and a minimal JavaScript bundle that only imports React and logs it to the console, without implementing any interactive or dynamic behavior.

Aadt110149@gm.ntcu.edu.tw

94% match