Second Homework //

parallel coordinates for h/w (with labels)

A parallel coordinates plot displays the four numerical measurements (sepal length, sepal width, petal length, petal width) from the Iris dataset, with each of the 150 flowers represented as a polyline connecting its values across four vertical axes. Lines are colored by species—red for Iris-setosa, blue for Iris-versicolor, and green for Iris-virginica—with a legend shown to the right. The visualization uses D3.js v7, specifically `d3.scalePoint`, `d3.scaleLinear`, and `d3.axisLeft`, to render the axes and paths as SVG elements. A fixed y-domain of 0–8 is applied across all dimensions.

97% match

parallel coordinates for h/w (interactive -- FINAL!!)

This interactive parallel coordinates plot visualizes the Iris dataset, showing four measurements (sepal length, sepal width, petal length, petal width) across three flower species. Each colored polyline represents one observation, with red, blue, and green distinguishing Iris-setosa, Iris-versicolor, and Iris-virginica. Using d3.line and d3.scalePoint, the chart maps each dimension to a vertical axis. Users can drag any axis horizontally via d3.drag, which reorders the dimensions and smoothly transitions the paths with d3.transition, enabling exploration of relationships between different variable pairings. The axes display tick marks and rotated labels generated with d3.axisLeft.

parallel coordinates for h/w (with labels)--interactive

This interactive parallel coordinates plot visualizes the four measured features (sepal length, sepal width, petal length, petal width) of the classic Iris dataset, with each of the 150 samples represented as a polyline. Lines are colored by species (setosa, versicolor, virginica) using a D3 ordinal scale. Users can drag axis labels to reorder dimensions, triggering smooth transitions via `d3.transition()`. The implementation uses D3.js (`d3.scalePoint`, `d3.drag`) and renders as an SVG with CSS animations, drawing data from a local CSV file.

parallel coordinates for h/w (interactive)

This interactive parallel coordinates plot visualizes the Iris dataset, showing sepal length, sepal width, petal length, and petal width for three flower species color-coded red, blue, and green. Users can drag the vertical axes horizontally to reorder dimensions, with paths and axis labels updating smoothly via D3 transitions. The visualization uses D3 scales (scalePoint, scaleLinear), d3.line for path generation, d3.axisLeft for axes, and d3.drag for interactive axis repositioning, rendering in SVG with 300ms animated transitions. All four numeric columns are scaled from 0 to 8.

parallel coordinates for h/w (with labels) --interactive

This interactive parallel coordinates plot, rendered with SVG, visualizes the Iris dataset, showing the sepal and petal measurements of three flower species. Each polyline represents a single flower, with its path crossing four vertical axes for each measurement and its color indicating the species through a D3 ordinal scale. Users can drag the axis labels to reorder the dimensions, which triggers an update to the chart's data mapping and path generation. The visualizations are constructed using D3's `d3.scalePoint`, `d3.scaleLinear`, `d3.axisLeft`, and a custom `d3.drag` interaction.

parallel coordinates for h/w (with labels)--interactive

This interactive parallel coordinates plot displays the Iris dataset, showing all 150 flowers with their sepal and petal measurements across four parallel axes. Each line represents an individual flower, colored by species (Iris-setosa, versicolor, and virginica). The SVG rendering uses D3.js 7.9, with `d3.scalePoint` and `d3.scaleLinear` for axis scaling. The visualization supports interactive axis dragging via `d3.drag`, allowing users to reorder the axes and explore correlations between measurements.

92% match

Parallel Coordinate Plot

This parallel coordinate plot visualizes the Iris dataset, displaying four continuous measurements—sepal length, sepal width, petal length, and petal width—as vertical axes, with each flower represented by a semi-transparent polyline. The lines are colored by the three Iris species using a custom color scale, with a legend on the right identifying each class. Built with D3 v5, it uses `scalePoint` for the categorical axes, `scaleLinear` for the numeric range, and `line()` to generate the SVG paths. Each axis is drawn with `axisLeft`, and the data is loaded from a CSV file.

方方顗棠

91% match