{"version":"1.0","type":"rich","title":"Basic React Hook Test (Line - Fixed Data)","description":"This example demonstrates a line chart built with React and D3 v5, using fixed sample data stored in component state. The visualization updates interactively when buttons increment every data point or filter out values exceeding a threshold. The code uses D3's `scaleLinear`, `line`, `curveCardinal`, `axisBottom`, and `axisRight` functions to render the SVG. A React `useEffect` hook redraws the chart whenever the state changes, while the `useRef` hook provides direct access to the SVG element for D3 selections.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3631c05820ba43f397c5b7f3cfa974d3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}