{"version":"1.0","type":"rich","title":"Untitled","description":"This example uses a bar and dot plot to rank countries by a single numeric value. The chart displays horizontal bars with overlaid circles, sorted in descending order, with a left axis for country names and a bottom axis for values. Built with React and D3 (v6.6.1), the code leverages `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG elements. Data is loaded asynchronously via `d3.csv` from a remote GitHub dataset, with bars and circles drawn using D3's `.join` operations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e2b6291899424f5084db2caf241bd33f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}