Alexandre De Dommelin

@adedommelin-ducksify·2 public vizzes

test

This interactive parallel coordinates plot visualizes the Iris dataset using D3.js, displaying five dimensions for each flower. The lines represent individual data points, colored by species. Users can brush vertically along any axis to filter the dataset, with matching lines smoothly transitioning in and out of view. The implementation uses D3’s `scaleLinear`, `scalePoint`, `brushY`, and `line` generators, with `hueShift` adding a custom color adjustment. Responsive resizing and animated opacity transitions enhance the exploration experience.

Apr 22, 2024

Loading thumbnail…

Fork of Parallel Coordinates with Brushing

This interactive parallel coordinates plot visualizes the Iris dataset, enabling exploration of multi-dimensional relationships through brushing and filtering. Users can brush along any axis to highlight data subsets, with fading line transitions showing filtered results. Built with D3.js, the visualization uses scaleLinear and scalePoint for axes, line generators for polylines, and brushY for interaction. The code implements memoized filtering for performance and demonstrates a responsive layout with labeled axes.

Apr 22, 2024