{"version":"1.0","type":"rich","title":"Fork of Rendering Data with React & D3","description":"This example renders a horizontal bar chart of UN population data for 2020 using React and D3 v5. It loads the CSV file with `d3.csv`, parses the population column, and stores the result in React state via the `useState` and `useEffect` hooks. The visualization uses `scaleBand` and `scaleLinear` to map countries and populations to SVG `rect` elements, with React’s declarative rendering driving the SVG output. While loading, it displays a large “Loading…” message before the chart appears.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d2828db1089042d8bfb5f77fe8ffe9e1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}