{"version":"1.0","type":"rich","title":"React D3","description":"This example visualizes the 15 countries with the largest Christian populations using a horizontal animated bar chart. The chart displays country names on the y-axis and population counts on the x-axis, with bars animating in sequence based on their respective values. Built with React and D3 v6, the code uses `useState` and `useEffect` hooks to fetch and process CSV data from the Pew Research Center via `d3.csv`, then applies `d3.scaleBand` and `d3.scaleLinear` for position encoding. SVG rectangles animate their widths using native `<animate>` elements with timing based on a custom `xScaleTime` mapping, while `d3.format` handles tick label abbreviations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/88786d393655438186dcffcd8843042c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}