{"version":"1.0","type":"rich","title":"Task8_Tutorial(1.1)","description":"This example presents a horizontal bar chart ranking the population of ten countries in the year 2000, sourced from a CSV file and rendered with React and SVG. The visualization uses D3 v5 scales and axes, with `scaleBand` for the categorical country labels and `scaleLinear` for the population values. The code defines custom `AxisBottom`, `AxisLeft`, and `Marks` components to draw the bars and tick marks, and formats tick values using D3’s `format`. Data is fetched with `d3.csv` and loaded asynchronously through a custom `useData` hook, displaying a loading state until ready.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/550bea7aa0a54a6190c0ed4af196e144?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}