Yuxi Chen

@yuxichen01·2 public vizzes

Smiley Face Part 1

This example shows a yellow smiley face rendered as a static SVG graphic, with a circular head, two eyes, and a visible black outline. Built with React and rendered through SVG elements, the code uses constants for dimensions, stroke width, and eye positioning to place each circle precisely on a 960 by 500 canvas. The implementation relies on React 18 and ReactDOM to mount the component, with all shapes defined as inline `<circle>` elements using explicit `cx`, `cy`, and `r` attributes.

Dec 27, 2022

Loading thumbnail…

Fork of HTML Starter

This example displays a large, centered “Hello HTML!” message in a web page. It demonstrates the basics of HTML structure, CSS styling, and JavaScript integration. The code uses a plain HTML file with an embedded `<style>` block to set the font size and text alignment of the message. It does not include any JavaScript logic or data sources, serving as a minimal starting point for web-based visualizations. The example highlights how simple HTML and CSS can render text directly in the browser.

Dec 27, 2022