{"version":"1.0","type":"rich","title":"Test D3 6","description":"This example creates a horizontal bar chart where each bar's length corresponds to its numeric value. The visualization is rendered as a block-level `<div>` element, with individual bars styled using steel blue backgrounds and inline widths proportional to the data. The code uses the D3.js version 6 API, specifically `d3.create`, `selectAll` with a `data` binding, and the `.join` method to append new elements. Each bar displays its value as white, right-aligned text within a 10-pixel sans-serif font.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f94e554908ef4d7bb49ded61ff3c8d85?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}