Hong Xu

@xu-hong·2 public vizzes

svg

This example shows a single blue triangular path rendered inside an SVG element. The path uses coordinates from M200,100 to L300,200 and L300,50, forming a closed shape with a Z command. The SVG markup is written directly in the HTML, with the path's stroke set to blue and fill to none. It demonstrates basic inline SVG rendering without any JavaScript or external libraries, relying purely on the native SVG API provided by the browser.

Sep 23, 2023

Loading thumbnail…

SVG Fundamentals

A static SVG canvas demonstrates fundamental vector shapes: a yellow circle with a navy outline, a small red rectangle, a vertical navy line, and a gray polyline. The example uses plain SVG elements (`circle`, `rect`, `line`, `path`) directly within an HTML document, with no JavaScript library or data source. It highlights basic geometry, positioning, fills, strokes, and path syntax, serving as a minimal reference for SVG markup in a browser context.

Sep 13, 2023