{"version":"1.0","type":"rich","title":"Tutorial 1","description":"This visualization displays a horizontal bar chart comparing the 2020 populations of thirty countries. The bars are rendered as SVG rectangles, with length encoding population value. The code uses React with D3 v5, employing `d3.csv` to load data from a GitHub-hosted CSV file. Axes are built using `d3.scaleBand` and `d3.scaleLinear`, with a formatter converting values to billions. A tooltip showing the population value appears via an SVG `<title>` element on each bar.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7accea2ca1a947c98c8bda8a37aa3779?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}