Fork of Fork of Hello HTML 2

100%

Fork of Fork of Hello HTML 2

✓ Published1🌍 Public

Last edited Mar 31, 2021

Created on Mar 31, 2021

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a static, hand-coded SVG smiley face with two eyes and a yellow circular head, rendered on a 960 by 500 canvas. The face is composed of three `<circle>` elements, with the head drawn using a yellow fill and a black stroke. The code uses React 17.0.1, loaded via a UMD script from unpkg, though the visualization itself is purely declarative SVG markup. The page applies a minimal CSS reset for margin and overflow, and the rendering approach is a direct use of SVG’s vector graphics API.

Mmattroark216

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

95% match

Loading thumbnail…

Fork of Hello HTML

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.

Ddongjae.yi@gatech.edu

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

95% match

Loading thumbnail…

Fork of Hello HTML

This example renders a static smiley face using SVG primitives: two black-outlined yellow circles form the head and eyes, all drawn with hardcoded coordinates. The visualization loads React via a UMD script and imports it in JavaScript, though no React components or dynamic behavior appear in the implemented code. The SVG canvas is 960 by 500 pixels, positioned without margins or overflow. The fork’s title references a minimal HTML tutorial, and the code demonstrates basic SVG circle elements with fill and stroke styling rather than interactive or data-driven features.

Aamirhaviv.13@gmail.com

95% match

Loading thumbnail…

Fork of Hello HTML

This example renders a static SVG smiley face using React and raw HTML. The visualization displays a large yellow circle with black stroke as the face, two smaller black circles for eyes, and no visible mouth. The code creates the graphic through inline SVG elements embedded directly in the page body, with React imported but only logging to the console. The rendering approach relies on basic SVG shapes like `circle` rather than any data-driven logic or interaction.

MMMMRepa

95% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static SVG smiley face—a yellow circle with two black eyes—centered on a 960-by-500 canvas. It demonstrates basic React integration by using React 18 and ReactDOM to render a component into a root element, while the visual itself is drawn directly with SVG circle elements. The code mixes HTML markup, SVG attributes, and a minimal React script, with all styling handled by inline attributes and a small CSS rule. It does not show any interactive behavior or data-driven updates, only a fixed illustration.

Llefei1980

95% match