Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
TTuka-chaka
Last edited Apr 12, 2022
Created on Apr 12, 2022
Forked from Hello HTML

A yellow circle with a thick black outline and two smaller black circles represents a playful face on a plain SVG canvas. The code uses no JavaScript libraries, relying solely on inline SVG elements within an HTML page. The example demonstrates how to create a static vector graphic using basic shapes like `<circle>` and SVG attributes for positioning, sizing, fill, and stroke. The rendering approach is visible directly in the markup, with no external data source or interaction.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

A yellow circle with two smaller black circles forms a simple face in an SVG rendered directly in the HTML. The drawing uses no external libraries, relying solely on SVG circle elements with explicit `cx`, `cy`, and `r` attributes, plus inline fills and stroke styling. A linked `style.css` adds a light gray outline and rounded corners to the `svg` canvas. The example demonstrates basic vector graphics creation and static styling without interaction or data binding.

VViệt An
96% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles positioned horizontally across it, resembling a face, rendered on an SVG canvas. The visualization uses raw SVG elements—specifically `<circle>` tags—to draw the shapes directly in the HTML body, with CSS styling for layout and stroke attributes for outlines. The circle positions and radii are hardcoded, and the SVG viewport is set to 960 by 500 pixels. No external JavaScript or data libraries are used; the page relies purely on static markup and inline styling.

Ggood mite
94% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with a black outline and two solid black circles positioned inside it to resemble a face. The visualization is built as a bare minimum HTML page using an inline SVG element sized at 960 by 500 pixels. It renders the shapes directly with SVG tags such as `circle`, setting explicit coordinates, radii, fill colors, and stroke properties. The code uses no JavaScript libraries or data sources, relying entirely on static SVG markup to produce the graphic.

Hhamdi sevketbeyoglu
94% match
Loading thumbnail…

Fork of Hello HTML

A yellow circle with a black outline fills an SVG canvas, flanked by two smaller black circles positioned as eyes. The example demonstrates basic SVG shape rendering using pure HTML and inline SVG elements, with no JavaScript libraries or data sources involved. The `circle` elements are placed via hardcoded `cx` and `cy` attributes, and the page styling uses CSS to hide overflow. This is a static, code-only visualization showing how raw SVG markup can create simple graphics without any D3 or external dependencies.

Jjihyun-lee1009
94% match
Loading thumbnail…

Fork of Hello HTML

A single yellow circle with a black outline sits centered on a blank SVG canvas, flanked by two smaller unfilled circles. The example demonstrates basic SVG rendering through direct HTML markup, using native `circle` elements with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` attributes. The page loads with a zero-margin body and hidden overflow, rendering the static vector graphic without any JavaScript libraries or data sources. It is a minimal, hand-coded illustration of SVG shape creation and styling within an HTML document.

Ppkhansen
94% match
Loading thumbnail…

Fork of Hello HTML

A yellow circle with a black outline is centered in an SVG canvas, flanked by two smaller unfilled circles to its upper left and right. The example demonstrates basic SVG shape rendering within an HTML page, using no JavaScript libraries. The rendering relies solely on inline SVG elements and CSS to position the shapes, with the page styled to remove margins and hide overflow. It serves as a minimal fork of the classic "Hello HTML" example, showcasing static vector graphics.

JJoseIGuzman
94% match
Loading thumbnail…

Fork of Hello HTML

A single large yellow circle with a black outline dominates the canvas, accompanied by two smaller black-outlined circles positioned to its left. The SVG is drawn directly within an HTML page, utilizing raw SVG elements and CSS style rules. Built with the SVG API, the code defines shapes using `<circle>` tags with pixel-based coordinates for placement and styling, demonstrating a minimalist, hand-coded vector graphic. The static composition is a simple, direct example of basic SVG rendering within a web page.

Ppassumtornado
94% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles positioned on it, creating a minimalist face-like composition. Rendered as inline SVG within an HTML page, the visualization uses basic SVG elements—circles with fill, stroke, and stroke-width attributes—to draw the shapes. The code relies on the native SVG API, embedded directly in the markup, with no JavaScript libraries or data sources involved. The page is styled with margin zeroing and hidden overflow to isolate the graphic.

NNicolás Troncoso
94% match