yholly

@yholly·3 public vizzes

Fork of Pseudo Scatter Plot

A fork of an approximate scatter plot renders six white circles of equal size on a white background, positioned diagonally from the lower left to the upper right. Each circle is drawn directly as an SVG `<circle>` element with explicit `cx`, `cy`, and `r` attributes, and a single `<rect>` serves as the canvas background. The chart uses no JavaScript libraries or data-loading mechanisms, relying entirely on static SVG markup within an `index.html` file. The rendering approach is fixed and non-interactive, displaying a minimal, pseudo-random distribution of points.

Aug 7, 2022

Loading thumbnail…

Fork of SVG Fundamentals

This example demonstrates basic SVG shape rendering in an HTML page. It shows overlapping circles in red and green, a navy line, a complex path forming a heart-like curve, and a black path with a relative coordinate segment. The code uses raw SVG elements—`circle`, `line`, and `path`—within an `<svg>` tag, with styles controlled by inline attributes like `fill`, `stroke`, and `stroke-width`. The page hides the body margin and overflow, and the drawing is fixed at 960 by 500 pixels, with no external libraries or data sources.

Aug 5, 2022

Loading thumbnail…

Hello HTML -YH

A bare-bones HTML page renders a single dark circle centered on an SVG canvas. The circle has no fill or stroke attributes, so it appears as a black shape against the white page background. The page uses inline CSS to remove margins and hide overflow, while the SVG element is sized at 960 by 500 pixels. The circle is positioned with its x-coordinate at 480 and a radius of 200, but its cy value is unspecified, defaulting to zero. This minimal example demonstrates the basic structure of an HTML document combined with an SVG shape element, with no external libraries or data sources involved.

Apr 26, 2022