{"version":"1.0","type":"rich","title":"Data Visualization with D3 – Full Course for\n      Beginners [2022]","description":"This example creates a full-screen SVG pattern of 100 horizontal and 100 vertical rectangular stripes, each masked by a distinct shape set. Using D3 v7 in a React environment, the code appends elements via `select`, `range`, and `join`. The `renderMask` function defines two SVG masks: one with a white background and black symbol paths, the other inverted. The symbols are generated using `d3.symbol` and `d3.symbols`, positioned across the width, resulting in the stripe layers revealing or hiding different symbol patterns.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4e89b2a78e17432da266a4c741989bf3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}