{"version":"1.0","type":"rich","title":"Stylised Scatter Chart with React & D3","description":"A React-based scatter chart visualizes hourly Velib bike availability in Paris, aggregated from a remote CSV via `d3.csv` and `d3.rollups`. The SVG rendering uses `d3.scaleTime` for the x-axis (September 6–18, 2021) and `d3.scaleLinear` for the y-axis, with circles sized and positioned by bike counts. D3 generates tick marks, while React components (`AxisBottom`, `AxisTop`, `Marks`) handle layout, and a dropdown filters data options.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2210d8c0b17a42c9a1b679e207ca634d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}