Skip to main content
SimilarExport ZIP
100%

Hello World

✓ Published0🌍 Public
ZZivGrin
Last edited Jun 12, 2021
Created on Jun 12, 2021
Forked from HTML Starter

This example shows a simple static SVG illustration of a face made from three circles: a large dark blue circle for the head and two smaller dark green circles for eyes, all with black outlines. The rendering uses plain SVG elements embedded in an HTML file, with CSS styling to remove page margins and hide overflow. The code defines the circles directly in markup with explicit coordinates and stroke properties, requiring no JavaScript or external libraries to render the graphic.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello World

This example renders a simple smiling face using two SVG circles for the eyes and a larger circle for the head, drawn directly in the markup. The shapes are positioned with explicit `cx` and `cy` coordinates, sized via `r`, and styled with `fill` and `stroke` attributes. The SVG is embedded in an HTML page that uses CSS to remove body margins and hide overflow. No JavaScript or data sources are involved, making it a minimal demonstration of static vector graphics.

AAliUrden
90% match
Loading thumbnail…

Hello HTML

This example shows a simple static SVG face made of three circles—two small eyes and a large yellow head—rendered on a 960-by-500 canvas. The code uses React 18 via a UMD script, though the bundle is not loaded, and relies on inline SVG elements for drawing without any data or interaction. The page intentionally mixes plain HTML, CSS for margin reset and overflow hiding, and a placeholder JavaScript file that logs to the console. It demonstrates minimal SVG structure within a React setup, with no dynamic behavior or external libraries beyond React’s basic import.

Zzaaaza
89% match
Loading thumbnail…

Hello World

This example, titled “Hello World,” shows a minimalist smiley face constructed from three SVG circles: a large yellow face with a black stroke and two smaller black circles for eyes. The rendering uses raw SVG within an HTML document, with all elements drawn using the `<circle>` tag and positioned via `cx` and `cy` attributes. The code includes comments referencing coordinate calculations, but the visualization itself is static, with no interaction or animation. It demonstrates basic SVG shape creation and styling without any external JavaScript libraries.

Bbhakta001
88% match
Loading thumbnail…

Hello, World

This example presents a minimal static SVG scene titled “Hello, World” that displays a single circle without any accompanying text. The code defines an inline SVG element containing a circle positioned at coordinates (50, 50) with a radius of 50, rendered using the standard SVG `<circle>` element. Although the HTML title suggests interactive text, the page renders only the graphic shape, with no JavaScript or CSS styling applied. The implementation relies solely on raw HTML and SVG markup, without importing any external libraries or frameworks.

Jjustineaeyels
88% 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
87% match
Loading thumbnail…

Hello

This example shows a simple static face comprised of three circles on a yellow background. The SVG canvas is 900 by 400 pixels, with a large outer circle forming the head, two small circles for eyes, and a smaller circle for the mouth. The rendering uses raw SVG elements defined in the HTML file, with explicit properties for fill color, stroke, and stroke width applied to each shape. No JavaScript libraries or data sources are involved.

Jjun-yu172
87% match
Loading thumbnail…

Hello HTML

This example shows a simple static SVG face made of three yellow-and-black circles rendered inside a 960×500 viewport. It demonstrates the bare minimum structure of an HTML page that combines CSS for resetting the body margin and hiding overflow, with inline SVG shapes for drawing. The code uses plain HTML, CSS, and JavaScript, with no external libraries beyond the implicit browser APIs. Data is hardcoded as SVG circle coordinates and radii, serving as a minimal template for more complex visualization projects.

WWaterWal
87% match
Loading thumbnail…

Hello World

This example renders a simple smiley face using SVG circles, with three smaller circles for eyes and a mouth arranged on a larger orange face. The visualization demonstrates static SVG markup directly embedded in HTML, while also including a React component that tracks button click counts through state updates. The page imports React via a CDN and logs the React object to the console, but the interactive counter and the SVG graphic are not connected in the displayed output.

Ddavmaz
86% match