{"version":"1.0","type":"rich","title":"Making a Bar Chart with React and D3","description":"This example shows a horizontal bar chart of the ten most populous countries in 2020, using a CSV file fetched from a GitHub gist. React manages the component state and renders SVG rectangles, while D3 utilities handle data loading with `d3.csv` and scales with `scaleBand` and `scaleLinear`. The chart positions each country along the y-axis and maps population values to bar widths on the x-axis, updating after the data loads asynchronously.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2e45485a60d54c9ba8d59e72dddf6a0a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}