{"version":"1.0","type":"rich","title":"Creating a Bar Chart with real data","description":"This example displays a horizontal bar chart of product closing values, using real CSV data loaded from a GitHub gist. The visualization maps each product name to a band scale on the y-axis and its closing integer to a linear scale on the x-axis, rendering rectangles as bars. React state manages the fetched data via `useState` and `useEffect`, while D3’s `csv`, `scaleBand`, `scaleLinear`, and `max` utilities handle data parsing and scaling. The chart is drawn as an SVG, with the first ten rows of the dataset shown.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f150f7fe08ae46259494a89edbb6fce6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}