{"version":"1.0","type":"rich","title":"Basic React Hook Test (Line - Fixed Data)","description":"This example demonstrates a line chart built with React hooks and D3.js, where a fixed dataset of twelve values is rendered as a smoothed cardinal curve. The visualization updates dynamically through two interactive buttons: \"Update Data\" increments each point by a constant value, while \"Filter Data\" removes all points exceeding a threshold. The code initializes the SVG using a React `useRef` hook, then applies D3's `scaleLinear`, `axisBottom`, `axisRight`, and `line` with `curveCardinal` to draw axes and the path. State management relies on `useState`, with effects triggered by the `useEffect` hook responding to data changes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/30b2f13a932b48889adfd3dd60ec00d9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}