Line practice
This example shows a time series of percentage values plotted as a connected scatter plot, where each point is color-coded (green, amber, or red) based on its value’s threshold against 50% and 75% reference lines. The React-based visualization uses d3’s `scaleTime` and `scaleLinear` for axes, `line` to draw the main trend and dashed threshold lines, and CSV data loaded via `d3.csv`. Point colors are assigned with a custom `colorDot` function, and interactivity is limited to a native SVG `<title>` tooltip showing the raw percentage value.