Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Feb 27, 2021

Created on Feb 27, 2021

A yellow circle with a black outline and two smaller black circles is drawn on a blank SVG canvas, resembling a simple smiley face or target. The visualization is a minimal HTML page that imports React 16.9.0 via a CDN and logs the React object to the console. Rendering is done entirely with static SVG elements—a large `circle` and two smaller ones—positioned using fixed coordinates. No interaction, animation, or data binding occurs; the example demonstrates basic SVG markup within a React-loaded page.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

A React-based SVG rendering of a stylized smiley face, drawn with yellow and black circles on a 960×500 canvas. The visualization demonstrates the combination of React’s imperative `React` object (accessed via the production UMD build) with static SVG markup, showcasing a purely presentational graphic without interactive or data-driven behavior. The example serves as a minimal scaffold for embedding React in an otherwise plain HTML page, highlighting the framework’s integration into traditional DOM structures while relying on hardcoded circle coordinates for its composition.

JJoeWilliams178

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 yellow circle with two black eyes rendered as an SVG face on a 960-by-500 canvas. The static drawing is built directly with SVG `circle` elements, while React 16.7.0 is loaded from unpkg and logged to the console, demonstrating a minimal integration of the library with plain HTML. No interactive behavior or data binding is implemented.

Ggzm17

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow smiley face with black-outlined circular eyes, rendered as static SVG shapes. The drawing is implemented with hardcoded `circle` elements inside an `<svg>` tag, using a 960-by-500 pixel canvas. Although the file references React via a production UMD script and logs `React` to the console in `index.js`, the visualization itself relies solely on plain HTML and SVG markup—no interactive behavior or data-driven updates are demonstrated.

Mmurguia.joe@gmail.com

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static yellow circle with two smaller black circles, evoking a simple face. Rendered as an SVG, the shapes are drawn directly within an HTML page. The code uses React to manage a separate heading element, while the visualizations are defined using raw SVG markup, including `<circle>` elements with explicit `r`, `cx`, `cy`, `fill`, and `stroke` attributes. The page loads React and ReactDOM from a CDN, and the SVG is output without additional data processing or interaction logic.

DDataVizardHB

94% match

Loading thumbnail…

Fork of Hello HTML

This example renders a static yellow circle with a black border and two smaller black circles as eyes, forming a simple smiley-face-like shape. It uses React 17 to log the imported `React` object to the console via `index.js`, though no dynamic components are implemented. The SVG markup in `index.html` directly defines the shapes, with coordinates and radii hardcoded. The page loads React from a UMD distribution and defers the script execution, setting the body to hide overflow.

TTravis Luke

94% match

Loading thumbnail…

Fork of Hello HTML

A simple SVG line drawing depicts a yellow circle with a thick black outline, supplemented by two smaller empty circles, arranged to suggest a face. The minimalist page is constructed with a plain HTML file and inline CSS that hides scrollbars. It loads React 16.7.0 from a CDN and logs the React object to the console, although the drawing itself does not use React. Instead, the shapes are declared directly as static SVG elements within the markup, demonstrating a non-interactive, static data or graphic visualization.

PPaul Gimeno

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static yellow face composed of three SVG circles, with a black outline and two small circles for eyes, rendered on a 960 by 500 canvas. The page loads the React library from a CDN, and the code logs the React object to the console. The visualization is built directly with inline SVG markup in the HTML body, while a separate JavaScript file simply executes the same console log command, demonstrating a minimal integration of React alongside an SVG drawing.

Ssean.smith@artifact.io

94% match