{"version":"1.0","type":"rich","title":"Barplot","description":"This example shows two bar charts side by side, both visualizing the same array of numbers. The first chart renders the bars using a standard JavaScript for loop, while the second uses D3’s data join with `selectAll`, `data`, and `enter` to create the rectangles. Both charts are drawn as SVG elements, with static positioning for x and y coordinates and bar heights proportional to the data values. The code relies on D3 v5 APIs such as `d3.select`, `append`, and attribute setters, and includes background coloring, axis lines, and titles for each chart.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5cca53be708a4e56948f617da33b8513?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}