{"version":"1.0","type":"rich","title":"Making a Bar Chart with React & D3 (Refactored)","description":"This example shows a horizontal bar chart of the ten most populous countries in 2020, using population data loaded from a CSV via `d3.csv`. React components render the SVG elements, while D3 scales (`d3.scaleBand`, `d3.scaleLinear`) and the `d3.max` function handle data mapping. The chart applies the D3 margin convention, with axes built as React components and tick formatting using `d3.format`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/342225768df14b19ac2bccfa65e2acdc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}