{"version":"1.0","type":"rich","title":"ICE-6: Rendering Marks and Channels with React & D3","description":"A horizontal bar chart ranks the ten wealthiest individuals by net worth in billions of dollars, with bars extending rightward from category labels. The visualization is built with React and D3 v5, using `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis, rendering SVG rectangles. Data is loaded asynchronously from a CSV file via `d3.csv`, and axes are drawn with `d3.axisBottom` and manual text ticks. The chart updates reactively once the data is fetched, showing the top ten entries sorted by descending wealth.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fca194f7d638494d8c84fb981c69ce6d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}