Jasleen-debug

@Jasleen-debug·3 public vizzes

Smiley face part - 2

A static smiley face built with SVG primitives shows a large yellow circle for the face, two smaller black circles as eyes, and a separate React component rendered alongside it. The drawing uses `<circle>` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes to define the shapes. The code relies on React and ReactDOM to mount a simple "Hello JSX" heading into the DOM, while the face itself is hardcoded directly in the HTML markup. The visualization demonstrates basic geometric composition without interactivity or data-driven behavior.

Mar 3, 2021

Loading thumbnail…

Smiley face part - 1

A smiley face begins to take shape with two large yellow and black-striped circles drawn on an SVG canvas. The code uses raw SVG circle elements to render a yellow face and two black eyes, with explicit cx, cy, r, fill, and stroke attributes. The example demonstrates basic geometric composition in a 960 by 500 viewport, using SVG’s built-in shape rendering without any JavaScript libraries or data binding.

Mar 3, 2021

Loading thumbnail…

Hello HTML

This example renders a minimal HTML page with an empty body, demonstrating the foundational structure of a web document. It uses no external libraries, relying solely on the built-in HTML standard to define the page skeleton. The accompanying README clarifies that the page is intended to show how CSS and JavaScript can be integrated into an HTML file, though the provided `index.html` itself contains only the basic structural tags. The page serves as a bare-bones starting point for web development with a clear separation of content and style.

Mar 2, 2021