{"version":"1.0","type":"rich","title":"<iframe width=\"560\" height=\"292\" src=\"https://vizhub.com/blikitha/f111e8fa345c43fa9a6e6d45227a5024?mode=embed\" title=\"Untitled\" frameborder=\"0\" ></iframe>","description":"This example presents a horizontal bar chart that displays the top 20 countries by reported COVID-19 cases, based on data from a CSV file loaded via `d3.csv`. The visualization uses React to manage component state and render an SVG, with D3 v5 scales (`scaleBand` and `scaleLinear`) to map country names and case counts to pixel positions. Each rectangle’s width encodes the case count, and the chart includes a blue gridline for the x-axis ticks.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/195bc1f7af264b4dbc8a067eb5909676?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}