{"version":"1.0","type":"rich","title":"loading data to react from d3","description":"This example demonstrates a React application that loads a cardiovascular disease dataset using d3.csv, displaying summary information about the data's row count and feature count as SVG text. A red circle tracks the mouse position across the full-window SVG element, with mouse coordinates displayed via SVG tspans. React hooks manage state for mouse location, loaded data, and a numeric counter, while d3.v7 handles the asynchronous CSV fetching through useEffect. The counter button appends numbers to an array, showing React's state update and re-rendering behavior alongside D3's data loading capabilities.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/849406b8e8f647bc982c98abe0f56e05?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}