{"version":"1.0","type":"rich","title":"Visualize Data with a Bar Chart FCC","description":"This example shows quarterly U.S. GDP data from the FreeCodeCamp tutorial dataset as a bar chart. Each bar represents a quarter, with the x-axis mapped to time and the y-axis to GDP value. The visualization uses React and D3 v7, building scales with `scaleTime` and `scaleLinear`, and manually rendering SVG ticks and bars rather than using D3’s axis generator. The data is fetched asynchronously via `json()`, and bars are drawn as SVG rectangles, with custom tick components for both axes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7f7f69fe55b749ee9c84909e062aa5dd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}