{"version":"1.0","type":"rich","title":"Pattern Module Demo","description":"This demo showcases a set of reusable SVG pattern generators for D3.js, implemented as custom functions in a module called d3Pattern.js. Six distinct patterns—stripes, plaid, squares, circles, symbols, and checkers—are each created as SVG <pattern> elements within a single SVG canvas. The patterns are applied as fills to six circles arranged horizontally, with each circle using one of the pattern types via the pattern's `use()` method. The patterns are defined in the SVG `<defs>` section and support configurable properties such as colors, stripe widths, angles, and opacity. The example demonstrates how to generate and apply SVG patterns dynamically with D3, using a default 960x500 SVG canvas. The code relies on d3-selection-multi for multi-attribute selections and renders entirely as SVG.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-304cf07031786241b51c3e35c288ae9a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}