Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Chapter 3 - D3 - opcion range

Public visualization

Chapter 3 - D3 - opcion range

0 stars1🌍 Public
SSergio
Last edited Sep 3, 2025
Created on Sep 3, 2025
Forked from Chapter 3 - D3

A wall of alternating horizontal and vertical striped rectangles is clipped by two circular masks, creating an interplay of opaque and transparent regions. Rendered as an SVG using Vue and D3 v6, the visualization uses `d3.range` to generate 100 equally spaced values for positioning the bars. Two masks are defined: one with a black background and white circle to show the bars only inside the circle, and another with the inverse to hide them there. The code leverages D3's `select` and `append` methods to construct the SVG and mask elements.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed