{"version":"1.0","type":"rich","title":"Refactored & Stylized Bar Chart","description":"This example visualizes the populations of ten countries using a horizontal bar chart, with country names on the y-axis and population values on the x-axis. It fetches UN population data via the `d3.csv` function, filters it to the top ten entries, and renders it as SVG using React components. The chart employs `scaleLinear` and `scaleBand` for positioning, with axes built from custom components and formatted tick labels using the `format` API. Hovering over a bar displays its value via an SVG `<title>` tooltip.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5730f6ba1e2740078d1949aed7845c3a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}