TowlGol

@TowlGol·3 public vizzes

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt-style geometric composition using overlapping horizontal and vertical bands. It generates 100 rectangles in each direction, with alternating masks that reveal or hide symbol-shaped cutouts across the canvas. The visualization uses D3 v6 to create SVG elements and mask patterns, employing `d3.range` for data generation and `d3.symbol` for the path shapes. Each mask applies a contrasting fill to selectively display the symbols, creating a layered optical effect. The rendering is fully SVG-based and responds to the window size.

Mar 14, 2022

Loading thumbnail…

BiliBili 干杯[]~(￣▽￣)~*

This SVG chart approximates a scatter plot using colored rectangles and Bézier curves instead of traditional points. It uses the `<rect>` element with rotation matrices to create data marks, and `<path>` elements with cubic Bézier commands to suggest a trend line, all rendered in two shades of blue. The chart appears to be a playful, non-standard visualization for the BiliBili platform, with the code specifying raw SVG markup directly in an HTML file. The rendering approach is purely vector-based, with no JavaScript libraries involved.

Jan 20, 2022

Loading thumbnail…

Fork of Pseudo Bar Chart

Four static black rectangles on a white background approximate a bar chart in a 960-by-500 SVG canvas. The chart shows four bars of decreasing height, with no axes or labels. The code uses plain SVG `<rect>` elements with fixed `x`, `y`, `width`, and `height` attributes, and sets the page to hide overflow via CSS. No JavaScript libraries or data sources are involved, making it a minimal, hand-coded visual mockup.

Jan 20, 2022