Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
Ggood mite
Last edited Mar 25, 2021
Created on Mar 25, 2021
Forked from 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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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
97% 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
97% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles, forming a face-like shape, rendered on a blank SVG canvas. The page displays a fixed 960 by 500 SVG element containing three circles, with the main circle using a yellow fill and black stroke. The code relies on basic SVG circle elements and inline CSS within an HTML document, using the `circle` tag directly rather than a JavaScript library. The visualization demonstrates static shapes with no interaction or data binding, as the source is a bare minimum HTML page.

Jjssreekanth777@gmail.com
96% match
Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow circle with two smaller black circles inside, forming a basic face-like graphic. The SVG is rendered directly in an HTML page with no external libraries, using only standard SVG elements like `circle` and inline CSS to control the body margins. The code defines specific coordinates and radii for each circle, positioning the pair of smaller circles as eyes within the larger one. The entire visualization is static, showing how raw SVG markup can create a minimal illustrative graphic in a web browser.

AAlex Tchaikovsky
96% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle face with two smaller black circles for eyes, drawn directly in an HTML page. The visualization uses raw SVG elements—specifically three `circle` tags—placed within an `<svg>` container sized at 960 by 500 pixels. It demonstrates basic SVG rendering without any JavaScript libraries, relying purely on static markup and inline CSS for styling. The circle positions are manually set via `cx` and `cy` attributes, with the main face using a yellow fill and black stroke. No interactivity or data binding is present.

Llucasvdr
96% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with a black outline and two smaller black circles, resembling a face, rendered inside an SVG element. The HTML page defines the SVG container with fixed width and height, using basic SVG shape elements like `<circle>` to draw the graphics. The code directly sets the circle positions, radii, and fill colors through SVG attributes, with no JavaScript libraries or data sources involved. The page’s CSS hides the body margin and prevents scrolling, keeping the focus on the static visual.

CConor
96% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two smaller black circles arranged as a face, drawn directly in an SVG element on an HTML page. The code uses no external libraries, relying instead on native SVG markup to render the shapes. The main circle is positioned at the center with a black stroke, and the two eyes are placed symmetrically to either side, demonstrating basic geometric composition within a fixed 960×500 viewport.

Cchangday
96% match
Loading thumbnail…

Fork of Hello HTML

This example displays a static, yellow circle with a black outline and two smaller black circles positioned inside it, forming a simple face-like shape. It demonstrates a minimal SVG rendering approach using raw HTML and SVG elements, without any JavaScript libraries or data binding. The visualization is created directly within an SVG container in an HTML page, with circles positioned using explicit `cx`, `cy`, and `r` attributes. The code uses no external APIs or frameworks, relying solely on inline SVG markup to achieve the output.

BBjørnar Dalsnes
96% match