{"version":"1.0","type":"rich","title":"Horizontal Bars","description":"The example shows a horizontal bar chart visualizing a small dataset of five values, with bars rendered as colored rectangles scaled proportionally to their data values. It uses d3.v4 with an SVG rendering approach, employing `d3.scaleLinear` to map data values to pixel widths and `d3.scaleOrdinal` with `d3.schemeCategory20` for bar colors. The chart is built via the enter-merge-exit pattern, appending rectangles to an SVG container and updating their `width` and `y` positions based on the data. The data is hardcoded in the script as an array.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-f3bc36fa8613f577acaaa768e0c4e4d5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}