{"version":"1.0","type":"rich","title":"Stylized Bar Chart","description":"This example shows a horizontal bar chart comparing the populations of ten countries, with each bar labeled by country name on the left and numeric values along the bottom axis. The chart uses React state to load and store data from a CSV file, fetched with the `csv` utility from D3 v5. The `BarChart` component renders SVG rectangles using `scaleBand` for the categorical Y axis and `scaleLinear` for the numeric X axis. It reuses custom `LineTick` and `TextTick` components to draw gridlines and axis labels, with styling applied through the `.tick` class.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ca20fda888b84393b46e2ef14a760270?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}