{"version":"1.0","type":"rich","title":"Fork of D3.js 教程","description":"This example shows a grid of 20 colored rectangles laid out on an SVG canvas, with each rectangle’s fill color cycling through a palette of six distinct hues. The visualization is generated using D3.js v6, where `d3.range` creates the dataset and `selectAll` with `.join` binds it to SVG `<rect>` elements. The layout positions rectangles in rows and columns based on a computed column count, while the background is set via CSS. The code runs in a browser, adapting the chart size to half the window width and full height, and demonstrates basic data binding and SVG rendering without external data sources.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f056969d3539405db42ef42def7541c5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}