{"version":"1.0","type":"rich","title":"Activity-6-Task1.1","description":"This example shows a horizontal bar chart ranking the population of ten countries in the year 2000, with the chart reading from top to bottom and using SVG rendering within a React application. Population values are displayed along the x-axis using a `scaleLinear` with d3 formatting to abbreviate large numbers, while country names are plotted on the y-axis via a `scaleBand`. The chart is built by composing local React components, `AxisBottom`, `AxisLeft`, and `Marks`, and it loads data from a CSV file using `d3.csv` in a custom `useData` hook. Axis ticks are styled blue, and the bars appear in light green.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a8d739a821e94698b92fdf7115d32246?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}