{"version":"1.0","type":"rich","title":"Fork of Rendering Marks and Channels with React & D3","description":"This example shows a horizontal bar chart displaying the first 20 countries from a COVID-19 dataset, with each bar’s length representing the number of cases reported on January 28, 2020. The chart is built using React for component rendering and D3 v5 for scales and axes, with SVG as the output format. D3’s `scaleBand` and `scaleLinear` position the bars and map case counts to pixel widths, while `xScale.ticks()` generates the axis tick labels. The data is loaded asynchronously from a CSV file using `d3.csv`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/872f940343cd47babb14129ef6837504?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}