Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jan 22, 2023

Created on Jan 22, 2023

This example shows a minimal React page that renders a smiley face using two SVG circles for eyes and a larger outlined circle for the head. The code loads React 18.2 from a CDN and logs the `React` object to the console, though it does not actually use any React components or hooks for the visualization. Instead, the static SVG is embedded directly in the HTML body. The visual output is a basic yellow face with black strokes, drawn purely through SVG markup without interaction or data binding.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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 displays a minimal SVG smiley face: a yellow circle with a black outline and two smaller circles for eyes, rendered inside an HTML page. The visualization uses React 18 and ReactDOM 17 (loaded via UMD) to handle a console log of the ReactDOM object, while the visual itself is drawn as static SVG markup with hardcoded coordinates and radius values. The SVG scene is 960 by 500 pixels and centers the face horizontally, with no interactive or dynamic behavior present.

NNick Zanetti

94% match

Loading thumbnail…

Fork of Hello HTML

A static SVG smiley face is rendered on a yellow circle with black eyes and a thick outline. The example demonstrates a minimal React setup by importing React and ReactDOM from CDN scripts, though it logs the React object to the console without using React components. The visualization relies on raw SVG elements—`<circle>` shapes for the face and eyes—defined directly in the HTML body, with styling applied via inline attributes. The code includes a YouTube embed and a basic HTML page structure, showcasing a simple, non-interactive fork of an introductory HTML example.

GGymTanOptimal

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple SVG smiley face drawn on a yellow circle with black stroke, featuring two smaller circles for eyes. It serves as a minimal demonstration of embedding SVG elements directly within an HTML page alongside React. The code uses React and ReactDOM from external UMD scripts, while the face itself is rendered with raw SVG tags rather than React components. The page loads a bundle.js file and uses standard SVG circle elements positioned at fixed coordinates, with the body styling removing margins and hiding overflow.

Jjasandison

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

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static SVG smiley face with a yellow circle, black outline, and two smaller unfilled circles for eyes. The rendering uses raw SVG elements embedded directly in an HTML page, with a hidden React script loaded via CDN. The code references React 18’s production UMD build and logs the React object to the console, though no React components or rendering logic are actually used. The page sets body margins to zero and hides overflow, while the SVG is sized at 960 by 500 pixels.

PPratik Raja

94% match