🌍 Public
Viewing a saved revision (read-only)
dcf9591aac814a9a910366b6ad6a2b10
React D3 Conditional Line Chart Practice - Tires X-Bar
This example shows sample mean values across 20 sequential samples as a connected scatter plot, with points colored green, amber, or red based on whether they fall within or outside the control limits of 17.5037 and 40.8296. Dashed lines mark the upper and lower control limits, and hovering over a point reveals its exact sample mean value in a tooltip. The visualization uses React with D3 v6, employing `d3.scaleLinear` for both axes, `d3.line` for the connected path and limit lines, and CSS classes for conditional point coloring. Data is loaded from a CSV file using `d3.csv`.
AI-generated descriptionLine chart with conditional point markers