{"version":"1.0","type":"rich","title":"Fork of Fork of Loading Data with React & D3","description":"This example displays a horizontal bar chart of UN population data for 2019, using React state to manage the asynchronous loading of CSV data via D3’s `csv` utility. The bars are rendered as SVG `<rect>` elements whose widths map to population values through `d3.scaleLinear`, while country names are positioned using `d3.scaleBand`. The visualization shows a loading message until the data arrives, then renders the chart with a fixed size of 960×500 pixels. D3 v5 and React 16.9 are loaded via CDN, and the data is fetched from a gist hosted by Curran Kelleher.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4c937182f8ac466996275f08b5d468ce?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}