Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jul 8, 2024

Created on Jul 8, 2024

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.

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

95% 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 circle with two smaller black circles positioned inside it, rendered as SVG shapes on an HTML page. The visualization uses raw SVG elements—circle tags with explicit radius, x- and y-coordinate attributes, and stroke styling—rather than any JavaScript-based data computation. The code imports React in index.js via bundle.js, though the rendering itself relies solely on declarative SVG markup embedded directly in the HTML file. No data source or dynamic behavior is present; the visualization simply demonstrates basic SVG shapes within a React project setup.

Ggraingames

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with a black outline and a smaller black circle centered inside it, rendered on an SVG canvas. The entire visualization is created directly within an HTML page using raw SVG markup, specifying the circle elements' positions, radii, fills, and strokes. The page is styled with minimal CSS to remove margins and hide overflow, and the React library is imported in a JavaScript file, although no React-specific components or data sources are used in the drawing itself.

AAlex Avram

94% match

Loading thumbnail…

Fork of Hello HTML

This fork of Hello HTML shows a yellow circle with a black outline and two small black circles for eyes, rendered directly in an SVG element. The page loads the React library from unpkg and logs the React object to the console, though the visualization itself is static and does not visibly employ React for rendering. The SVG markup is embedded inline within the HTML body, defining each circle’s position and fill properties.

VVishal Ash

94% match

Loading thumbnail…

Fork of Hello HTML

This example demonstrates how to render simple SVG graphics using React by drawing a yellow circle face with two dark eye circles on an HTML page. The code directly embeds SVG elements into the markup, applying CSS to remove page margins and hide overflow. It imports the React 18.3.1 UMD library via a CDN script tag, then logs the React object to the console in an index.js file without using React components or state. The visualization relies purely on static SVG attributes like `cx`, `cy`, `r`, `fill`, and `stroke`. It serves as a minimal starting point for integrating React with SVG rendering.

JJenniMaier@gmx.de

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a static SVG scene of a yellow circle with black outline and two smaller circles, alongside a React-rendered heading. The page loads React 18 and ReactDOM 17 via UMD scripts, then uses `ReactDOM.render` to insert JSX into a root div. The SVG circles are drawn directly in the HTML, with hardcoded coordinates and styles. The code demonstrates basic SVG markup combined with React’s declarative rendering, though the SVG elements are not generated through React components.

PPGC-2557

94% match