Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of SolLeWitt - convert from VanillaJS to D3

Public visualization

Fork of SolLeWitt - convert from VanillaJS to D3

0 stars2🌍 Public
JJun Alvarado
Last edited Aug 17, 2022
Created on Aug 16, 2022
Forked from Hello VizHub

This visualization generates a geometric pattern using Sol LeWitt-inspired horizontal and vertical bars. It uses `d3.select` and `d3.range` to create rectangles, with SVG masks (`mask_bottom` and `mask_top`) that reveal or hide parts of the bars based on circular fill regions. The code computes bar positions based on window dimensions and uses the D3 `join` API to efficiently append and style `<rect>` elements. The final composition displays a grid of bars with a circular cutout effect in the center.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Notes M = moveto L = lineto H = horizontal lineto V = vertical lineto C = curveto S = smooth curveto Q = quadratic Bezier curve T = smooth quadratic Bezier curve A = elliptical Arc Z = closepath

Comments

Sign in to join the discussion.

MIT Licensed