{"version":"1.0","type":"rich","title":"Brush with react(axis)","description":"This example shows a line chart of a small dataset, rendered with React and D3, where the curve updates in response to button clicks that either raise each point’s value or filter the data to those under 50. The visualization uses d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for tick marks, and d3.line with curveCardinal to draw a smooth path. The chart is an SVG whose axes and line are re-rendered via a useEffect hook whenever the state changes, with the buttons driving the dataset transformations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8b84748ac6f1410bb35223d29b96164e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}