{"version":"1.0","type":"rich","title":"25. D3 Bar Chart Widths","description":"This example demonstrates a bar chart with dynamic widths and spacing. It renders 20 rectangles in an SVG container, positioning each bar horizontally and calculating its width based on the dataset length with a fixed padding. The chart uses D3.js version 4.5.0, applying the `selectAll`, `data`, and `enter` pattern to bind the array of numbers to SVG `rect` elements. All bars are drawn with a constant height of 100 pixels, and the x-coordinates are computed using the index multiplied by the width divided by the dataset size.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9f0518e9d85c443b8157fe15892d7242?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}