Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HW2_Parallel coordinate plot_test

Public visualization

Viewing a saved revision (read-only)

afd3dbd50a644ca2815aa3c48b16e547

HW2_Parallel coordinate plot_test

0 stars0🌍 Public
JJames Huang
Last edited Sep 29, 2023
Created on Sep 26, 2023
Forked from HW1_Scatter Plot

This example shows an interactive parallel coordinate plot of the Iris dataset, with four axes for sepal length, sepal width, petal length, and petal width. Users can reassign which measurement appears on each axis using React dropdown menus through ReactDropdown. The plot renders polylines as SVG paths using d3.line, with each species colored via a d3.scaleOrdinal. Hovering over a line highlights all lines of the same species by transitioning their stroke and opacity with d3 transitions, while other lines fade to grey.

AI-generated description

Test of Parallel Coordinate Plot