{"version":"1.0","type":"rich","title":"Covid Project Viz 2","description":"This example visualizes active, recovered, and total COVID-19 cases across fifteen countries using overlapping horizontal bars. The visualization renders as an SVG via React, with red, blue, and green rectangles representing total vaccinations, total cases, and total tests respectively. It loads data from a remote CSV file using `d3.csv` and scales the bars with `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis, while drawing gridlines and tick labels manually. The code leverages D3 v5 alongside React state and effects for data fetching.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9220439e0d9d49ab9f155d06f157f2cb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}