{"version":"1.0","type":"rich","title":"Refactored Attendance","description":"This example displays attendance counts by year as a horizontal bar chart. The bars, rendered as SVG rectangles, encode attendance values on a linear scale while the y-axis uses a categorical band scale for each year. Built with React and D3 v5, the code separates chart components into modular files, uses `scaleLinear` and `scaleBand` for scales, and fetches data from a CSV file via `d3.csv`. The visualization demonstrates a refactored approach to organizing D3 code within a React framework.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/25ba15a844684291a03ed9cecb88ca91?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}