ShimanWen

@ShimanWen·4 public vizzes

Smiley Face Part 1

A minimalist React application renders a yellow circular face with a black outline using SVG circle elements. The code defines a static, centered circle with a radius of 245 pixels, positioned at coordinates (480, 250) in a 960x500 viewport. React 18.2.0 and ReactDOM are loaded via UMD builds, and the component is mounted into a root div using the `createRoot` API. The visualization only shows the head—no eyes, mouth, or other facial features—serving as the first part of a smiley face illustration.

Feb 17, 2023

Loading thumbnail…

Fork of Hello HTML

A minimal HTML page displays a single empty SVG canvas with a circular element lacking any fill or stroke. The example demonstrates the foundational structure of an SVG graphic embedded directly within an HTML document, requiring explicit width and height attributes on the `<svg>` tag to render properly. The circle’s radius is set to 200 pixels, but without additional styling or data binding, it remains invisible against the default white background. This serves as a starting point for building more complex visualizations.

Jun 1, 2022

Loading thumbnail…

Fork of Hello HTML

This example demonstrates a minimal HTML page that embeds an iframe playing a YouTube video. The page contains no visible content of its own; instead, it relies entirely on the external video player for its visual output. The code uses standard HTML elements—`<iframe>`, `<head>`, and `<body>`—to structure the document, with no JavaScript or data visualization libraries involved. The presentation is a plain, bare-bones webpage, highlighting how a simple HTML file can integrate third-party media without additional rendering or data processing.

Jun 1, 2022

Loading thumbnail…

Smiley Face Part 1

This example shows the initial stage of building a smiley face with React and SVG, featuring a yellow circle with black outline and two empty eye circles. The code renders static SVG elements directly in the HTML, using hard-coded coordinates for the face and eyes. React 16.7 is loaded via UMD bundles, though the actual React component in index.js is incomplete, so the visible output comes from the plain SVG markup in the HTML file. The half-finished face lacks a mouth, matching the "half way towards a smiley face" description.

Apr 16, 2022