{"version":"1.0","type":"rich","title":"Fork of Rendering Data with React & D3","description":"This example displays a horizontal bar chart of the top 10 countries by population for 2020, using React to render SVG elements and D3 for data loading and scales. The chart shows population values as bars with labeled axes, including a formatted bottom axis using `format(\".2s\")`. Data is loaded via `d3.csv` from a UN population dataset, with country names on the y-axis using `scaleBand` and population on the x-axis using `scaleLinear`. React components such as `AxisBottom`, `AxisLeft`, and `Marks` manage the visualization structure.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/191f78b12efa415788d4bffdc445f7fe?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}