Veronica-rhody-219

@Veronica-rhody-219·4 public vizzes

Hello HTML

A yellow circle with a black outline and two smaller black circles forms a simple smiley face. The visualization is rendered as a static SVG, with the React library handling a header text element through JSX. The SVG markup directly defines the shapes, while React and ReactDOM manage the page’s dynamic content.

Aug 5, 2021

Loading thumbnail…

Hello HTML

A minimal HTML page renders a smiley face using inline SVG, with two black circles as eyes and a yellow circle outlined in black as the face. The example uses React 17 loaded from a CDN via unpkg, though the SVG markup is static and not generated by React. The page imports `React`, sets a hidden overflow on the body, and draws directly to a 960x500 SVG canvas.

Aug 3, 2021

Loading thumbnail…

Fork of Hello HTML

This example is a fork of an HTML starter page that displays a single large black circle centered on a 960x500 canvas. The page uses a Scalable Vector Graphics (SVG) element, but note the typo in the tag name: it is written as `<sgv>` instead of `<svg>`, so the circle does not render as a graphic. Instead, the body is blank, with margins removed and overflow hidden. The code relies only on basic HTML and inline CSS for styling, with no JavaScript or external libraries involved.

Aug 1, 2021

Loading thumbnail…

Hello HTML

This example shows a single red circle centered on a dark background, created with minimal HTML and SVG markup. The page loads an embedded YouTube video as its primary content, while the circle is drawn using an SVG `<circle>` element inside an `<sgv>` tag—a deliberate typo that still renders in most browsers. The code uses no JavaScript libraries or data sources, relying solely on raw HTML and CSS to set the page margins and hide overflow. The rendering approach is direct SVG painting with a viewBox-sized canvas of 960 by 500 pixels.

Aug 1, 2021