KaiyangYao

@KaiyangYao·3 public vizzes

Fork of Smiley Face Part II

This example renders a full-screen, yellow smiley face using SVG. It centers a large circle with a thick black outline, adds two fixed-position eyes, and draws a curved mouth using a D3 arc. The visualization is built with React, using ReactDOM to render the SVG elements, and the D3 arc API to generate the mouth's path. The code adapts the face's size and position to the browser window's dimensions, making the graphic responsive.

Nov 20, 2021

Loading thumbnail…

Smiling Face

A smiling face rendered as a static SVG graphic fills the viewport, using three circles to depict the head, eyes, and a curved mouth. The page loads React and ReactDOM libraries, though the visual itself is defined directly in the SVG markup within the HTML, not generated through React code. The face is centered on a yellow 960 by 500 canvas with a black outline.

Nov 20, 2021

Loading thumbnail…

Hello HTML

This example demonstrates a minimal HTML page that begins as a blank document, with the title “Hello HTML” set in the browser tab. The page contains no visible content or interactive elements, serving as a bare-bones starting point for web-based visualizations. It uses standard HTML5 structure within an `index.html` file, with no external libraries or APIs referenced. The README file hints at a progression toward a smiley face, but the current code shows only the empty `<body>` tag. It highlights the foundational markup required before any data visualization can be added.

Nov 20, 2021