{"version":"1.0","type":"rich","title":"React D3 Conditional Line Chart Practice","description":"This example shows a time-series line chart of risk values against a “Time” axis, with points colored conditionally (green, amber, or red) based on their value and annotated with dashed threshold lines at 50 and 75. It loads CSV data via `useData` and `d3.csv`, scales it with `scaleTime` and `scaleLinear`, and draws SVG axes and marks using React components, `d3.line`, and `d3.format`. Tooltips appear via SVG `<title>` elements showing the formatted value as a percentage.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d0501e41c4094ad49274d649941cc941?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}