{"version":"1.0","type":"rich","title":"Bar Graph","description":"This example shows the ratings of the top 20 ramen varieties by country, displayed as a horizontal bar graph. Each bar’s length encodes the ramen’s star rating, with country names on the y-axis and the rating scale on the x-axis. The visualization uses React to manage state and render SVG elements, while D3 v5’s `csv`, `scaleBand`, `scaleLinear`, and `max` functions handle data loading and scaling. The data comes from a remote CSV file, and the chart includes gridlines and axis ticks generated from D3’s scale methods.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/58fa77cca92648f595c94a67fb578b60?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}