Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
LLengorf
Last edited Nov 29, 2022
Created on Nov 24, 2022
Forked from Hello HTML

This example displays a static SVG smiley face and a React-rendered heading, "Hello JSX," on a single HTML page. It uses React 16.9 and ReactDOM to mount a simple `App` component into the DOM, while the SVG circle elements are written directly in `index.html` as markup. The page also embeds a YouTube video via an iframe, but the React code itself only renders the text heading.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example renders a static SVG smiley face directly in HTML. It uses React 16.9.0, loaded via a UMD script, though the `index.js` merely logs the React import. The SVG, not React, draws the face with a yellow circle, black stroke, and two smaller circles for eyes, positioned on a 960 by 500 canvas. The page includes an embedded YouTube video in its README.

Eekamsinghahuja123@gmail.com
93% match
Loading thumbnail…

Fork of Hello HTML

A static SVG smiley face depicts a yellow circle with black stroke and two black eyes. The page embeds React and ReactDOM via UMD builds, with an `index.js` file rendering a simple "Hello JSX" heading into a root div using `ReactDOM.render`. A separate inline SVG defines the face directly in the HTML, demonstrating how raw SVG markup coexists with React-rendered content in the same document.

Ddevon-campbell
92% match
Loading thumbnail…

Fork of Hello HTML

This example shows a minimal React page that renders the text “Hello” instead of the intended smiley face graphic, which remains commented out in the code. The app uses React 17 and ReactDOM, rendered into a root div, with SVG circle elements for the head and eyes defined in CSS but inactive. The page loads React from a UMD CDN and includes a YouTube embed in the README, while the visible output is just a plain heading. The code relies on React’s component structure and JSX syntax, with no external data source or visualization logic active.

KKyle Richards
92% match
Loading thumbnail…

Fork of Hello HTML

This example shows a minimal React application that renders a simple greeting message alongside a static SVG smiley face. The SVG contains three circles—two smaller ones for eyes and a larger yellow circle with a black stroke for the head—drawn with fixed coordinates. The code uses React’s `createRoot` and `StrictMode` from `react-dom` to mount the `App` component. The SVG is embedded directly in the HTML body, bypassing React, while the `App` component outputs only the text headings via JSX.

HHanqi Hua
92% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple static smiley face rendered as an SVG, with two black eyes and a yellow circle outline. It uses React 18.3.1 via UMD builds from unpkg, logging the React object to the console and rendering an SVG graphic directly in the index.html file. The code demonstrates basic React setup with a root element and strict mode, though the App component is not fully defined, relying on the inline SVG for the visual output.

Hhiteshallakki98@gmail.com
91% match
Loading thumbnail…

Fork of Fork of Hello HTML

This example shows a static SVG smiley face drawn with two yellow and black circles, a nose, and a mouth, rendered alongside a React “Hello World” heading. The SVG uses hard-coded circle elements with fill, stroke, and stroke-width attributes to create the face. The page loads React 17 and ReactDOM from a CDN, while `index.js` uses `ReactDOM.render` to mount a simple `App` component. The SVG is placed directly in the HTML body rather than being generated by React.

AAsimali39
91% 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
91% match
Loading thumbnail…

Fork of HTML Starter

This example shows a simple smiley face drawn with SVG circles, and a React app that renders a “Hello JSX” heading. It demonstrates a minimal integration of React and SVG on a single page, with both elements present but separate. The code loads React and ReactDOM from CDN, uses `ReactDOM.render` to mount the React component, and defines the SVG graphic directly in the HTML. The SVG includes a large yellow circle with two smaller black-outlined circles, all styled with stroke widths to suggest a face.

Kkhuton
91% match