{"version":"1.0","type":"rich","title":"Bar graph using D3 with ES6","description":"This example displays a horizontal bar chart of population sizes for ten countries, using data from a CSV file. The visualization is rendered as SVG within a React framework, with D3 v5 handling the scales and axes. Specifically, `d3.scaleLinear` maps population values to bar widths, while `d3.scaleBand` positions each country along the y-axis, with `d3.axisLeft` and `d3.axisBottom` generating the tick marks. Bars are appended as `rect` elements, colored steelblue via CSS, and the data is loaded asynchronously using `d3.csv`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/36c2a9a8edfd4793b15688dcf02dcd15?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}