Skip to main content
100%

Fork of Fork of Fork of React Starter

✓ Published1🌍 Public
EEnoch Ssentumbwe
Last edited Jul 15, 2024
Created on Jul 15, 2024

This visualization shows a grid of horizontal and vertical bars rendered as SVG rectangles, with a circular region left visibly unobscured at the center of the viewport. The code uses D3’s `select` and `range` functions to generate 100 bars in each orientation across the full window dimensions. Two SVG masks, created via D3’s `append` and `attr` methods, control visibility: one mask contains a white circle over a black background, while the other inverts this pattern. The bars display fine black stripes outside the circular mask area, producing a clean intersecting line pattern.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes