Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Iris Parallel Coordinate Plot

Public visualization

Viewing a saved revision (read-only)

86b7196249504a2489d6009472bf7769

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.