{"version":"1.0","type":"rich","title":"Question 1.2","description":"This example shows a horizontal bar chart ranking the top 20 countries by their 2010 population, using a logarithmic-free linear scale from zero to the maximum value. The React code with D3 v5 utilities loads population data from a CSV file, maps it with `scaleBand` and `scaleLinear`, and renders the chart as an SVG with blue tick lines, green bars, and tooltips formatted in billions. The axes and marks are built from custom ES6 modules, with the x-axis labels formatted via `format('.2s')` and the y-axis listing country names.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/37c0503491344af3a1a939df985df996?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}