{"version":"1.0","type":"rich","title":"Fork of CV: Loading CSV Data","description":"This example demonstrates loading CSV data in a React application and rendering interactive circles in an SVG. It uses d3.csv to fetch data.csv, mapping string values to numbers for the id, x, and y fields. The d3.scaleLinear function scales the x and y coordinates to fit the container’s dimensions, which are tracked via a ResizeObserver. The circles are redrawn with d3’s join method, responding to click events by toggling a selected circle’s fill color between white and black, managed through React state.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/25ad49afeca44910a3d0431ebc03c319?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}