{"version":"1.0","type":"rich","title":"23. D3 Bar Chart Offset","description":"A D3.js bar chart displays an array of twenty numeric values as SVG rectangles. The bars are arranged horizontally, with each one positioned using a small offset to create consistent spacing between them. While all rectangles share the same starting y-coordinate and fixed dimensions, the varying data values are not yet mapped to bar heights. Instead, the visualization demonstrates the foundational step of binding a dataset to SVG elements, using the `d3.select`, `append`, and `attr` methods to generate the chart structure.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/39832984f7ec47439211596e1a258411?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}