AnDang290292

@AnDang290292·4 public vizzes

Fork of HTML Starter

This example displays an empty HTML page with the title “Fork of HTML Starter.” The code provides a minimal structural foundation, defining only the document type and a head section with a title, while the body remains blank. It uses plain HTML with no external libraries, CSS, or JavaScript, serving as a bare template for further web development. The rendering approach relies entirely on the browser’s default parsing of the HTML file.

May 14, 2022

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static yellow smiley face drawn as two black-outlined circles for eyes and a larger yellow circle for the face, with a video tutorial embedded for guidance. The rendering uses SVG elements directly inside the HTML structure, while the React code in `index.js` currently only renders a simple "Hello JSX" heading, not the face itself. The page loads React 16.9.0 from unpkg, though the script tags contain typos (`scr` instead of `src`) and reference a missing `bundle.js`, leaving the face markup as raw SVG in the HTML body rather than a React-rendered component.

Apr 30, 2022

Loading thumbnail…

Fork of Let's Make a Face Part I

A yellow circle with a black outline forms a face, flanked by two smaller black circles as eyes. The example demonstrates basic SVG shape composition using static elements. It relies on the SVG API through `circle` elements, with attributes like `cx`, `cy`, `r`, `fill`, and `stroke` set directly in the markup. No interactive or dynamic behavior is implemented; the face is rendered as a fixed, non-animated image. The HTML file embeds the SVG inline, and a linked YouTube video provides additional context, though it does not affect the visualization itself.

Apr 28, 2022

Loading thumbnail…

Fork of Hello HTML

This fork demonstrates a simple SVG smiley face rendered directly in an HTML page, using only basic SVG shapes and CSS styling. The yellow circle with a black stroke serves as the face, while two smaller circles represent eyes. The code uses the SVG `<circle>` element with explicit `cx`, `cy`, and `r` attributes, and the page sets its body margin to zero with hidden overflow. No JavaScript libraries or data sources are involved; the visualization is purely static markup and inline styles.

Apr 26, 2022