{"version":"1.0","type":"rich","title":"Practice 1","description":"This example presents a horizontal bar chart of population data for five countries, loaded from a local CSV file. The visualization encodes population values as bar widths using D3’s `scaleLinear`, while country names are positioned along the y-axis with `scaleBand` and padding. Both axes are generated with `axisLeft` and `axisBottom`. The chart is rendered as SVG elements appended to a fixed-size `<svg>`, with rectangles styled via an external CSS file. The code demonstrates importing D3 modules such as `select`, `csv`, and `max` within a bundled ES6 setup.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/37fc4e91528c4dfcbf2c74d9809b9297?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}