🌍 Public
Viewing a saved revision (read-only)
61f1c884b97847158e15aa1326a64a69
React D3 Conditional Line Chart Practice
TTammminana
Last edited May 13, 2023
Created on May 13, 2023
This chart plots a monthly risk value time series from a CSV file using React and D3 v6. Points and connecting lines are rendered as SVG, with circles colored green, amber, or red based on thresholds at 50 and 75 percent, shown as dashed reference lines. The chart uses `scaleTime` and `scaleLinear` for axes, plus a custom `line` generator for the path. Hovering a circle reveals a tooltip with the formatted percentage via the SVG `title` element.
AI-generated descriptionLine chart with conditional point markers