{"version":"1.0","type":"rich","title":"Vizhub Bar Graph","description":"This example shows a horizontal bar chart of Amazon prices across different states, with country names on the y-axis and cost values on the x-axis. The visualization uses React hooks (useState and useEffect) to load CSV data from a GitHub gist, then renders the chart as SVG elements. The code employs d3.csv for data parsing, d3.scaleBand for the categorical y-axis, d3.scaleLinear for the numeric x-axis, and d3.max to determine the domain. A red gridline is drawn at each x-axis tick value, with the most recently imported year’s data shown.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d09defb88dfa4fa2a374f2218b672cb8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}