Skip to main content
Log in
H

haozhou1988

@haozhou1988·5 public vizzes

Loading thumbnail…

Fork of Smiley Face Part II

This example renders a responsive smiley face whose circular head is sized to fit the browser window. It uses React and ReactDOM to create SVG elements, including a yellow face with black stroke and two eyes positioned symmetrically around the center. The layout adapts to the viewport dimensions by calculating coordinates from window.innerWidth and window.innerHeight. The code demonstrates declarative SVG construction with React components, setting circle attributes like radius, fill, stroke, and stroke-width directly in JSX.

Feb 15, 2022
Loading thumbnail…

Fork of Hello HTML

A single yellow circle with a black outline fills the SVG canvas, accompanied by two smaller unfilled circles positioned on either side near the top. The example demonstrates basic SVG shape rendering using inline SVG elements like `circle` and the `stroke` and `fill` attributes, directly inside an HTML page. It uses no external JavaScript libraries, relying solely on the browser’s native SVG support. The page hides scrollbars via CSS, and the fixed 960×500 viewport shows static geometric forms without interaction.

Feb 15, 2022
Loading thumbnail…

Fork of Hello HTML

A static HTML page with an empty body, serving as a minimal starting point for web-based projects. The document contains only the standard `<!DOCTYPE html>` declaration and empty `<head>` and `<body>` tags in its `index.html`, with no visible rendering or interactivity. It does not employ any JavaScript libraries, data sources, or visualization APIs, functioning solely as a bare-bones scaffold for further development in a browser environment.

Feb 15, 2022
Loading thumbnail…

Fork of Hello HTML

A simple SVG drawing of a yellow circle with a thick black outline, centered on a 960 by 500 canvas. The page uses raw HTML and inline SVG elements, with no JavaScript or external libraries. The circle is positioned at coordinates (480, 250) with a radius of 245, and the body is set to have no margin and no overflow. This demonstrates a minimal static visualization structure using only the SVG specification within an HTML document.

Oct 1, 2021
Loading thumbnail…

Fork of Hello HTML

A static HTML page with an empty body, serving as a minimal starting point for web-based projects. The document contains only the standard `<!DOCTYPE html>` declaration and empty `<head>` and `<body>` tags in its `index.html`, with no visible rendering or interactivity. It does not employ any JavaScript libraries, data sources, or visualization APIs, functioning solely as a bare-bones scaffold for further development in a browser environment.

Oct 1, 2021