{"version":"1.0","type":"rich","title":"TASK.8_QUESTION_1.1_sahith","description":"This example shows a horizontal bar chart comparing the populations of the top ten countries for the year 2000, with each bar labeled by country name and the x-axis formatted in billions using the `format` API from D3. The visualization uses React to render SVG elements, with `scaleBand` and `scaleLinear` from D3 v5 mapping the categorical country names and population values to pixel coordinates. Data is loaded asynchronously from a remote CSV file via `csv` in `useData.js`, and the bars are drawn as `<rect>` elements with native tooltips. The axis and mark components are modularized into separate files, with the bottom axis using custom tick formatting.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/37c9f5c5c25e4f568809e1ec1f85ca86?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}