{"version":"1.0","type":"rich","title":"11. D3 Drawing Divs Spaced","description":"Five teal bars appear in a row across the page, each representing a value from the static dataset `[5, 10, 15, 20, 25]`. Using D3 v4.5, the code selects the body, binds the data, and appends a `div` for each number. The bars are spaced with inline-block styling and margin, while each height is set dynamically via `.style('height', ...)` as the data value multiplied by five pixels. This example demonstrates the basic data-join pattern and the use of D3’s `.selectAll`, `.data`, and `.enter` methods to generate DOM elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b0c21e733f8a4b9aa5902065b8c28c60?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}