Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Feb 9, 2024

Created on Feb 9, 2024

This example renders a simple static scene with React and SVG, displaying a yellow circle with two smaller black circles inside it. The code loads React and ReactDOM from a CDN and uses JSX syntax in an accompanying `index.js` file, although the drawing itself is plain SVG markup embedded in `index.html`. The page includes a console log statement and a linked YouTube video preview, while the script at the bottom defines a React component that renders a header. The visualization demonstrates basic SVG shape creation without any data binding or interaction.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

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

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

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

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

AAnomatomato

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

92% match