{"version":"1.0","type":"rich","title":"Bar Chart Data with React & D3","description":"This example uses React and D3 to load United Nations population data from a CSV file and render it as a radial bar chart. The code fetches data with `d3.csv`, then uses `d3.pie` and `d3.arc` to compute and draw each segment as an SVG path, with the fill color taken from the dataset's CSS hex values. A loading state displays \"Loading...\" until the asynchronous data fetch completes, and the resulting visualization fills a 960x500 SVG canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/646476324cab4e6cbce3342e47ab2eca?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}