{"version":"1.0","type":"rich","title":"Self practice0","description":"This example uses D3.js (v6.6.1) to render a static SVG visualization of 100 horizontal rectangular bars, each with a fixed height of 10 pixels and spaced 20 pixels apart vertically. The code creates an SVG canvas sized to the browser window and applies a circular mask to every rectangle, clipping each bar into an oval shape via the `url(#circle-mask)` reference. The data is generated procedurally in a loop, and the marks are bound using D3’s `selectAll` and `join` APIs, though the mask definition is not included in the provided files.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/068f38c65c6e447dadd5d2f94f4a8f8c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}