Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published1🌍 Public
AAynura Huseynova
Last edited May 25, 2022
Created on May 25, 2022
Forked from Hello HTML

This example shows a static yellow circle with a black outline and two smaller unfilled circles positioned as eyes, rendered on an SVG canvas. It is a React component built with React 16.14.0 and ReactDOM 16.7.0, using production UMD builds loaded from unpkg. The SVG elements (circle) are defined directly in the HTML markup, not generated via JavaScript. The embedded YouTube video in the README suggests an instructional context, while the React code itself only logs a message to the console.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example displays a static yellow circle with a black outline centered on an SVG canvas, accompanied by two smaller unfilled circles positioned to its upper left and right. It demonstrates a minimal React-based rendering approach, using React 18 and ReactDOM to create the main SVG element, while the remaining shapes are hardcoded directly in the HTML. The page loads React via UMD bundles and renders the primary circle through a React component, with the SVG markup splitting between compiled JavaScript and raw markup.

Rrjw25
94% match
Loading thumbnail…

Fork of Fork of Hello HTML

This example shows a simple yellow circle with a black outline and two smaller black circles positioned as eyes, rendered as an SVG face. The visualization is built with a React component that uses React and ReactDOM to manage the page, while the SVG markup itself defines the shapes with explicit coordinates for the center, radius, and stroke properties. The code also sets up the HTML page with CSS styling that removes margins and hides overflow, and it loads the React libraries from a CDN before rendering the fixed 960 by 500 pixel SVG canvas.

AAynura Huseynova
94% match
Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow circle with a thick black outline and two smaller black circles positioned as eyes, rendered directly as SVG elements. The page also mounts a React application that logs the ReactDOM object and renders a heading reading "hello" into a root div. The code references React 18.2.0 from unpkg, though script tags contain typos for the source and bundle paths. The visualization is static, with no interactive behavior or data-driven components beyond the fixed geometric shapes.

Mmalveeka27
93% 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
93% match
Loading thumbnail…

Fork of Hello HTML

A fork of the Hello HTML example renders a yellow circle with a black outline and two smaller black circles, likely representing a face, as an SVG graphic. The visualization is built using React, with the main circle defined in both a static SVG element in `index.html` and a dynamic component in `index.js` using `ReactDOM.render`. The React code attempts to compute circle positions with `centerX` and `centerY` variables, though a typo in the variable name prevents it from executing correctly. The page includes an embedded YouTube video in its README.

Kkratagyajadoun
92% match
Loading thumbnail…

Fork of Hello HTML

A yellow circle is rendered twice, once as a large static SVG circle with a black stroke on the page, and again via a React component that draws a similar circle. The visualization demonstrates React's ability to generate SVG output, using ReactDOM’s `render` method to insert the component into a root div. The page also embeds a YouTube video and has no interactive behavior, serving as a minimal example of combining React with SVG graphics for web rendering.

LLika
92% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller circles as its "eyes," rendered inside an SVG element, alongside a React-rendered heading that reads "Helloooo hnujkn." The page uses React 16.7.0 and ReactDOM 17.0.1, both loaded from unpkg, with the React component rendering into a `#root` div. The SVG shapes are hardcoded directly in the HTML, using basic SVG elements like `circle` with attributes for fill, stroke, and positioning, while the React code uses `ReactDOM.render()` to inject the heading.

MMavenkar
92% 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
92% match