Mark Beveridge

@mbeveridge·2 public vizzes

002 : "Pseudo Visualizations"

Six circles form an approximate scatter plot against a white background, with positions suggesting a downward trend from left to right. The SVG rendering uses no JavaScript or data-binding libraries, relying instead on hardcoded circle elements with fixed coordinates and radii. Each circle is identical in size, and the minimalist composition focuses on the visual pattern created by their varying placements rather than encoding additional data dimensions. The example demonstrates a static, hand-authored visualization without animation or interactivity.

Apr 2, 2021

Loading thumbnail…

001 : "SVG Fundamentals"

This example shows a basic collection of SVG shapes assembled on a 500 by 500 canvas, including circles, a rectangle, a line, and a path, each filled or stroked with distinct colors. The code uses raw SVG markup without any JavaScript libraries, directly specifying element attributes such as `cx`, `cy`, `r`, `fill`, `stroke`, `stroke-width`, and path data `d`. The rendering approach is purely static, demonstrating how primitive geometric primitives and a simple polyline path are defined and displayed in the browser.

Mar 19, 2021