Parallel Coordinates Template in React
A parallel coordinates chart displays the Iris flower dataset across four quantitative dimensions—petal length, petal width, sepal length, and sepal width—with each species colored via a `d3.scaleOrdinal` and the `schemeDark2` palette. The React component builds per-dimension linear scales with `d3.scaleLinear` and a common point scale for axis positioning, then renders natural curves through each row using the `d3.line` generator with `curveNatural` within an SVG. Data is loaded asynchronously from a CSV using `d3.csv` inside a custom `useData` hook.
AI-generated descriptionThis is a recreation of the Streamgraph template. It is rewritten to use React instead of only d3, if you come from the 2021 Data Visualization course, this template will be more understandable for you.