Skip to main content
SimilarExport ZIP
100%

Your Mom

✓ Published0🌍 Public
Mmmeatloaf
Last edited Oct 4, 2022
Created on Oct 3, 2022
Forked from HTML Starter

This example displays a simple two-circle composition: a small black circle positioned inside a larger, transparent circle outlined with a thick black stroke. The visualization is built using bare SVG elements written directly in the HTML file, with no external JavaScript libraries. The larger circle’s stroke-width of 5 creates a bold ring, while the inner circle’s solid fill provides a contrasting focal point. Rendering relies on the browser’s native SVG support through the React framework’s JSX syntax in the index file.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Document

This example shows a single-frame composition of three simple SVG circles: a large yellow circle with a black outline at the center, and two smaller unfilled circles positioned diagonally to its upper left and upper right. It is a minimal HTML page that loads the React library via a CDN but does not actually use it for rendering. The visuals are drawn directly using the SVG markup inside the page, with styling applied through inline CSS attributes for stroke width.

OObaidraj
78% 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
77% match
Loading thumbnail…

SVG Me

This example displays two concentric circles rendered directly inside an HTML page using pure SVG. A large blue circle with an orange stroke and a smaller red circle with a teal stroke are positioned together to create a simple layered composition. The code relies on inline SVG markup with standard attributes such as `cx`, `cy`, `r`, and `stroke-width`, avoiding any JavaScript or external libraries. The shape definitions are written directly in the `index.html` file, demonstrating how vector graphics can be embedded without additional frameworks.

Wwgloss
77% match
Loading thumbnail…

Welcome to HTML

This example displays a simple SVG composition featuring two overlapping circles, creating a distinct target-like visual on a blank canvas. The larger yellow circle is outlined with a thick black stroke, while a smaller unfilled circle sits at its center, both positioned at the midpoint of the 960x500 viewport. The code demonstrates fundamental HTML structure with embedded CSS for page styling and inline SVG elements, using the circle tag with attributes for positioning, radius, fill, and stroke. It serves as a minimal introduction to web-based graphics rendering.

AACS264
77% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates two circles with large radii, each containing a smaller inner circle, positioned side by side on a blank SVG canvas. The outer circles use white fills with thick black strokes, while the inner circles have no explicit fill or stroke, rendering them transparent. The visualization is built using raw SVG elements defined directly in the HTML markup, with CSS applied to remove page margins and hide overflow. It relies on the browser’s native SVG rendering, with no additional JavaScript libraries or data sources involved. The composition creates a simple geometric, target-like pattern.

Ddplaskota@hotmail.com
75% match
Loading thumbnail…

Fork of HTML Starter

This example shows a simple static SVG composition: a large yellow circle with a black outline, accompanied by two smaller unfilled circles positioned symmetrically inside it. The visualization demonstrates basic SVG shape rendering within an HTML page. The code uses an SVG element with explicit width and height attributes, styling circle elements with fill, stroke, and stroke-width properties. It imports React and ReactDom from the provided JavaScript file, though the rendering itself relies purely on raw SVG markup in the index.html file, not on React's component system.

MMd Alif
74% match
Loading thumbnail…

SVG Fundamentals

This example shows two overlapping circles rendered as a static SVG graphic. It demonstrates the fundamentals of SVG markup, where each circle is defined by its center coordinates and radius. The visualization uses a single SVG element with hardcoded circle elements, appearing to leverage basic HTML and JavaScript capabilities. The code employs a minimal React setup, though the rendering itself relies on the browser's native SVG support, as seen in the two adjacent circles on a 950 by 500 canvas.

CCreg925
74% match
Loading thumbnail…

hello

This example shows a simple SVG composition of three black-and-yellow circles arranged to suggest a face, rendered directly in an HTML page. It uses raw SVG markup with `<circle>` elements, specifying positions, radii, fill colors, and stroke properties. The page is styled with CSS to remove margins and hide overflow. The visualization is static, with no interaction or animation, and relies solely on inline SVG attributes rather than any JavaScript or external libraries. The data source is the hardcoded coordinates and sizes within the markup itself.

Wwalkingwang
74% match