Fork of Hello HTML

100%

Fork of Hello HTML

✓ Published0🌍 Public

Last edited Apr 27, 2021

Created on Apr 27, 2021

This example shows a simple, static composition of three circles on an SVG canvas: a large yellow circle with a black outline and two smaller black circles positioned within it, resembling a face. The markup is plain HTML and SVG, constructed inside a single `index.html` file. The page loads React 17 via a UMD script from unpkg and calls `console.log(React)` to confirm the library is available, though no React components render the visuals. The rendering approach relies entirely on hardcoded SVG attributes rather than any data or dynamic behavior.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static composition of three circles rendered as inline SVG, with a yellow ring enclosing two smaller unfilled circles. The page also renders a heading via React’s `ReactDOM.render` method, targeting a separate `#root` div. The SVG markup is hard-coded directly in the HTML body, not generated by React. The drawing uses basic circle elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes to produce the visual.

LLaKisha David, PhD

95% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static SVG face comprised of three circles: a large yellow head with a cyan outline and two smaller black eyes. It serves as a minimal demonstration of embedding SVG graphics directly within an HTML page. The page structure is built with basic HTML, while the React library is loaded via a script tag from the unpkg CDN. However, the rendering itself relies solely on standard SVG elements (circle) and does not utilize any React components or dynamic data.

Eeatenmoth

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

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

94% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple face-like graphic composed of three SVG circles: one large yellow circle with a black stroke for the head, and two smaller unfilled circles for the eyes. It demonstrates the most basic structure of an SVG visualization within an HTML page, using React from the UMD build loaded via a script tag. The code renders the SVG directly in the body without any React components or JavaScript execution beyond a console log of the imported React object. The rendering approach is static SVG, with no data binding or interaction.

MMeghana Bangari

93% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG face composed of three circles: a large yellow head with black outlines and two smaller black-outlined eyes. The visualization is rendered using a fixed 960x500 SVG element directly in the HTML body, while react and react-dom are loaded via UMD builds from unpkg. The React component in index.js mounts to the root div, though the actual drawing is handled by the raw SVG markup rather than JSX or d3. The page includes an embedded YouTube video, but the visualization itself remains non-interactive.

MMarko Sanković

93% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static yellow face composed of three SVG circles, with a black outline and two small circles for eyes, rendered on a 960 by 500 canvas. The page loads the React library from a CDN, and the code logs the React object to the console. The visualization is built directly with inline SVG markup in the HTML body, while a separate JavaScript file simply executes the same console log command, demonstrating a minimal integration of React alongside an SVG drawing.

Ssean.smith@artifact.io

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