{"version":"1.0","type":"rich","title":"React D3 Conditional Line Chart Practice","description":"A time-series line chart tracks a risk value as a percentage over monthly intervals from 2015 to 2016, with each data point colored by a conditional threshold: green below 50, amber between 50 and 75, and red above 75. Dashed reference lines mark the 50% and 75% boundaries. Built with React and D3 v6, the visualization uses `scaleTime` and `scaleLinear` for axes, `d3.line()` for the connecting path, and `d3.csv` to load the data from points.csv. SVG circles render each point, with hover tooltips showing the exact value via the `<title>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/867996a409284ea4bf0a353bc3b7723a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}