Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Iris Parallel Coordinate Plot

Public visualization

Iris Parallel Coordinate Plot

0 stars0🌍 Public
CCola731
Last edited Oct 21, 2020
Created on Oct 21, 2020

This visualization displays the classic Iris dataset as an interactive parallel coordinate plot, using semi-transparent polylines to compare sepal length, sepal width, petal length, and petal width across three species, each assigned a distinct color. Users can drag any vertical axis horizontally to reorder the dimensions, which updates the line paths and axis positions with smooth transitions. Built with D3 v5 in a React framework, the code leverages `scalePoint`, `scaleLinear`, `scaleOrdinal`, `line()`, and the `drag` behavior, rendering to SVG with a legend and animated reordering via `transition`.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed