Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Parallel Coordinates with Brushing

Public visualization

Viewing a saved revision (read-only)

ebf78a4da3c84a99a03bc6951606856f

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.

Inspired by: