Skip to main content
SimilarExport ZIP
100%

Test

✓ Published0🌍 Public
Ggradyki
Last edited Jul 16, 2021
Created on Jul 14, 2021
Forked from Hello HTML

A simple yellow circle with a black outline dominates the center of the view, while two smaller, unfilled circles sit symmetrically above it, offset to the left and right. The SVG is rendered directly in the HTML markup, with explicit `cx`, `cy`, `r`, and `fill` attributes defining each shape. The page loads React via a UMD script but does not use it for any visual logic, instead relying on static SVG elements.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

A yellow circle with a thick black border fills most of an SVG canvas, while a smaller unfilled circle sits in the upper-left region, creating a simple composition of overlapping geometric shapes. The example demonstrates basic SVG rendering through React, using native `circle` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. A minimal HTML page with inline CSS and JavaScript serves as the host, showcasing how to embed static SVG directly in a React project without additional data or interaction.

SSumz-K
87% match
Loading thumbnail…

Hello HTML

This example displays a large yellow circle framed by a black stroke, with two smaller unfilled circles positioned as eyes, all rendered within an SVG canvas. The code leverages React via unpkg's production build and directly uses SVG elements like `circle` and attributes such as `cx`, `cy`, `r`, and `fill`. Static coordinates and stroke styling define the composition, with CSS applied to remove page margins and hide overflow. The visualization demonstrates basic SVG drawing without interactive or dynamic behavior.

GGibbsGundah
85% match
Loading thumbnail…

Untitled

A simple yellow circle with a black outline, rendered at the center of a 960 by 500 SVG canvas, demonstrates the basic use of SVG elements in a minimal HTML page. The circle is defined directly in the markup with explicit x, y, and radius attributes, while the page relies on CSS to reset margins and hide overflow. This example uses vanilla SVG, not React or a visualization library, and illustrates a static, hand-authored graphic rather than data-driven rendering.

Cclatester1
85% match
Loading thumbnail…

SVG test

This example demonstrates a minimal SVG rendering of two overlapping circles on a blank HTML page. It shows how basic vector shapes can be layered, with the first circle drawn in black and the second yellow circle placed directly on top. The page uses plain HTML and CSS, with no JavaScript or external libraries, relying solely on the browser’s native SVG support. The circles share the same center and radius, producing a solid yellow disc that completely obscures the underlying black shape, as defined in the inline markup of the index.html file.

Yyangioe
85% match
Loading thumbnail…

test

This example shows a single yellow circle with a black stroke, centered within an SVG canvas. The circle’s radius is calculated from the viewport height and stroke width to fit exactly inside the frame. Built with React and ReactDOM, it renders the shape declaratively via JSX and SVG elements, using fixed dimensions for a 960 by 500 pixel space.

Yyjp588
84% match
Loading thumbnail…

test

This example presents a static composition of two SVG circles on a 960 by 500 canvas. A large yellow circle with a thick black outline is centered, while a smaller black circle is positioned to its left, creating a simple contrasting visual. The visualization is built using raw HTML, CSS, and inline SVG, with no external libraries or JavaScript logic. The SVG elements are declared directly within the HTML structure, relying on the browser's built-in vector graphics rendering.

BBibek-Bhattarai
84% match
Loading thumbnail…

Untitled

This example shows a single large yellow circle with a black outline centered on an SVG canvas, rendered at 960 by 500 pixels. The circle is drawn using a React component that directly outputs SVG markup, with its position and radius set via the `cx`, `cy`, and `r` attributes. The code relies on React and ReactDOM to mount the SVG into the page’s root element, while the circle’s fill, stroke, and stroke width are specified as SVG presentation attributes. No data source or interaction is present beyond the static shape.

NNuman Shabir
84% match
Loading thumbnail…

Hello HTML

This example shows a static yellow circle with a black outline and two smaller unfilled circles, resembling a simple face, rendered directly in SVG. It demonstrates minimal HTML and React integration: the page loads React and ReactDOM from a CDN, then draws the SVG shapes inline, while a separate script logs the React object to the console. The code includes an unused React component that renders “Hello JSX” via `ReactDOM.render`, though it is not displayed on the page.

Ffuatio
84% match