Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
AAnomatomato
Last edited Dec 26, 2024
Created on Dec 24, 2024
Forked from Hello HTML

This example demonstrates a simple SVG scene of a yellow circle with two smaller black circles, using React 19's development build loaded directly from unpkg. The code renders three circle elements within an inline SVG, with the main circle centered via percentages and the smaller ones positioned absolutely. The script logs the React object to the console to confirm the library has loaded, while CSS hides the body margin and overflow. The visualization shows basic SVG geometry and React integration without additional data or interaction.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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
Loading thumbnail…

Fork of Hello HTML

This example renders a static SVG scene of a large yellow circle with two smaller black circles, set against a minimal HTML page. The code loads React via a CDN script tag and logs React and a string to the console using `index.js`, though no React components are actually rendered. The SVG markup defines the shapes directly within the HTML body. The project demonstrates a barebones setup combining React’s UMD build with inline SVG, without any interactive behavior or data visualization logic.

Ttrung.dang894@gmail.com
94% match
Loading thumbnail…

Fork of Hello HTML

This example shows a static SVG scene of a yellow circle with two smaller black circles, rendered alongside a React-generated "Hello JSX" heading. The code combines a hand-written SVG directly in the HTML with a React component mounted via `ReactDOM.render`. It uses the React 17 UMD production builds from unpkg, with the SVG coordinates and styling defined inline, while the React app only produces a simple text element. No data or interaction is present; the visualization demonstrates how to embed SVG markup within a React-powered page.

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

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles arranged as a face, rendered directly in an SVG element. The visualization uses React 17, loaded from the unpkg CDN, though the code only logs the React object to the console without invoking any React components. The SVG circles are drawn with hardcoded coordinates and dimensions, using attributes like `cx`, `cy`, and `r`, while CSS sets the body to have no margin and hidden overflow. The outer circle includes a black stroke, defining the face’s outline against the default white background.

Tturk-i
93% match
Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow circle with two smaller black circles—a schematic face—rendered as static SVG elements on a 960x500 canvas. It pairs this hand-authored SVG with a React app that logs the React library to the console and attempts to render a "Hello JSX" heading via `ReactDOM.render`, though the component returns nothing. The code loads React 18.2.0 from a CDN and uses plain SVG circle elements, not D3 or other visualization libraries, highlighting a minimal integration of React with SVG markup.

HHannah Heejeong Lim
93% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles positioned on it, resembling a face, rendered inside an SVG canvas. The page loads React 18 from a CDN, and `index.js` imports React and ReactDOM while logging the React object to the console. The SVG markup is written directly in the HTML body, and the `bundle.js` script suggests the React code is compiled separately, though the visible rendering does not yet use React components.

Hhadisotudeh
93% match
Loading thumbnail…

Fork of Hello HTML

This example demonstrates a static SVG scene of a yellow circle with two smaller black circles, resembling a simple face, rendered inside a 1000x500 viewport. It uses React and ReactDOM, loaded via UMD builds from unpkg, to manage the page. The visualization is created directly in HTML with SVG elements and hardcoded coordinates, without any data binding or interactive behavior. The code initializes ReactDOM and logs it to the console.

Ssachinkamaraj183@gmail.com
93% match