kavindubopitiya03@gmail.com

@kaviya8252·4 public vizzes

Fork of HTML Starter

This example presents a minimal HTML page that renders a single black SVG path, drawn as a straight line from the origin to a point 30 pixels upward. The page uses inline CSS and JavaScript within the HTML structure, with the SVG element embedded directly in the body. The `d` attribute of the path defines the shape, while no external libraries or data sources are employed. It serves as a basic template for understanding how SVG elements integrate with HTML and CSS.

Feb 27, 2024

Loading thumbnail…

Fork of Fill & Stroke

Three pairs of SVG shapes—rectangles, circles, and triangular paths—demonstrate the visual difference between a default black fill and identical shapes with a white fill and black stroke. The top row uses plain fills, while the bottom row applies `stroke` and `stroke-width` attributes. Hand-coded path data with Bézier curves defines the triangle outlines. The static HTML page relies on raw Scalable Vector Graphics elements without any JavaScript libraries.

Feb 26, 2024

Loading thumbnail…

Fork of HTML Starter

This example demonstrates fundamental SVG shapes—two red and black circles and a blue-outlined rectangle—rendered directly in an HTML page. The markup defines a 960x500 SVG canvas, using basic elements like `<circle>` and `<rect>` with explicit coordinates and fill or stroke attributes. No JavaScript or external libraries are involved; the visualization relies purely on inline SVG within the static `index.html` file. It serves as a minimal, self-contained reference for understanding raw SVG syntax and positioning.

Feb 26, 2024

Loading thumbnail…

Fork of Fork of HTML Starter

This example shows a simple landscape scene built with nested SVG shapes: a sky-blue background, a green ground, a yellow sun, and a blue pond, with green paths forming stylized trees. The rendering uses only basic SVG elements—`rect`, `circle`, `ellipse`, and `path`—defined directly in an HTML file with no external libraries. The scene is static, and its composition is hard-coded via explicit coordinates and path data, making it a minimal demonstration of CSS and JavaScript integration within an HTML page.

Feb 26, 2024