Viewing a saved revision (read-only)
36b8238baf864f99b2f4a90f21ffedc6
Parallel Coordinates with Brushing
This parallel coordinates plot visualizes the Iris dataset, enabling multidimensional filtering through brushing on each axis. The visualization uses D3 scales, line generators, and brushY interactions, with transitions that fade lines in and out as filters change. Color encoding distinguishes species via scaleOrdinal with a hue shift applied to the default scheme. The chart is responsive, adapting to container resizing through observeResize, and uses mix-blend-mode for overlapping line rendering.
AI-generated descriptionA proof-of-concept for some coding patterns for making a parallel coordinates plot with brushing, multidimensional filtering, and responsiveness. Shows the Iris Dataset.
Also a test case for exporting code out of VizHub and into a Vite project! See also vite-export-template
Inspired by: