Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Feb 10, 2026

Created on Feb 9, 2026

This example renders a static, yellow circle with black outline and two smaller unfilled circles as eyes, drawn directly as SVG markup. The component imports React and ReactDOM but performs no dynamic rendering; instead, the HTML file embeds the SVG element inside the body, with React and ReactDOM loaded from external UMD files and logged to the console. The visualization uses raw SVG circle elements with fixed coordinates within a 960 by 500 viewport.

AI-generated description

MIT Licensed

Similar vizzes

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

95% match

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

95% match

Loading thumbnail…

Fork of 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.

AAynura Huseynova

95% match

Loading thumbnail…

Fork of Hello HTML

This example uses React and ReactDOM to render a static SVG scene of a yellow circle with a black outline and two smaller black circles positioned as eyes, creating a simple face. The SVG elements are defined directly within a React component and mounted into the DOM via ReactDOM's `render` method. The code also logs the React and ReactDOM objects to the console. The visualization relies on SVG's basic shape primitives (`circle` with `r`, `cx`, and `cy` attributes) and does not incorporate any external data or interaction.

KKay Nguyen

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

95% 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 shows a static yellow circle with a black border rendered in SVG, with two smaller unfilled circles positioned inside it to suggest facial features. The visualization uses React for component structure and renders SVG elements directly. The main circle is centered using computed width and height variables, while the smaller circles use hardcoded coordinates. The code includes both a direct SVG render in the HTML file and a React component approach in index.js, though only the direct SVG is visible on screen.

Ssukhmani0117

94% match

Loading thumbnail…

Fork of Hello HTML

A React-based SVG drawing renders a simple yellow circle with a black outline, containing two smaller black circles positioned symmetrically on either side of its upper half. The page loads React 18.3.1 from a UMD bundle and initializes a React import, though the visualization itself is static and does not use React components for rendering. The SVG markup directly defines the shapes with fixed coordinates and styling. The example serves as a minimal test of HTML integration with React and SVG.

Mmail.lohade@gmail.com

94% match