{"version":"1.0","type":"rich","title":"Barchart","description":"This example displays a simple bar chart with four categories labeled A through D, each represented by a red rectangle whose height corresponds to its numeric value. The bars are positioned horizontally along the x-axis, though the spacing is fixed at 12 pixels per bar rather than scaled to the data. The visualization uses D3 v4 with an SVG rendering approach, employing `d3.scaleOrdinal` to define a range, though the scale is not applied to the bar dimensions. The code manually sets each bar’s height and width, and the data is hardcoded as an array of objects with `key` and `value` properties.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-009cc2a78e5dd984d8d29f38b12d5cd2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}