Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

line-size

Public visualization

Viewing a saved revision (read-only)

a48c0a8e60984b268779a959031128d9

line-size

1 star1🌍 Public
Zzoniyac
Last edited Apr 22, 2020
Created on Apr 22, 2020
Forked from line-size

Five squares display vertical line textures with increasing stroke widths, from one to nine pixels, arranged left to right. The example uses the textures library to generate line patterns, applied as SVG fills via `textures.lines()` with the `.orientation()` and `.strokeWidth()` methods. Each rect is drawn with d3.js, assigning the texture URL to its fill style. This demonstrates how texture density and visual weight change with stroke thickness.

AI-generated description