Skip to main content
100%

Fork of HW02-Parallel Coordinates chart

✓ Published0🌍 Public
DDing
Last edited Nov 4, 2023
Created on Nov 4, 2023

This interactive parallel coordinates chart displays the classic Iris dataset, with each row rendered as a polyline connecting five vertical axes for sepal length, sepal width, petal length, petal width, and species class. Users can drag the dimension labels in the Sortable-enabled list above the chart to dynamically reorder the axes, prompting the `render` function to rebuild the visualization. The plot uses D3 v7 scales and `d3.axisLeft` to position axes, while line colors are assigned per species via CSS classes. It also demonstrates a declarative D3 pattern with a reusable `parallelPlot` function, and the `dropdownMenu.js` module provides a reusable select-menu component.

AI-generated description
MIT Licensed

Similar vizzes