{"version":"1.0","type":"rich","title":"CV: Loading CSV Data","description":"This example demonstrates how to load and visualize data from a CSV file using React and D3 v7. It renders five circles positioned according to x and y coordinates read from `data.csv`, with interactive click-to-select behavior that highlights the chosen circle. A custom `useContainerDimensions` hook tracks the container size using `ResizeObserver`, while D3's `csv` function parses the data and `scaleLinear` maps data coordinates to screen space. The `join` method efficiently handles circle creation, updating, and removal in the SVG rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dbf59e7a87a0456580d14986f48a2ed1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}