Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Parallel Coordinates with Brushing

Public visualization

Viewing a saved revision (read-only)

d533b174ee9f4b70934d73c17baa4e06

Parallel Coordinates with Brushing

5 stars36🌍 Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on Mar 3, 2024
Forked from Circles with D3

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 description

A 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: