Second Homework //

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 (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 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.

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 (non-interactive)

A parallel coordinates plot displays the four numerical measurements of the Iris dataset—sepal length, sepal width, petal length, and petal width—as vertical axes, with each flower represented by a polyline connecting its values. The lines are colored by species (red, blue, green) with 30% opacity to reveal overlapping patterns. Built with D3.js, the visualization uses `d3.scalePoint` for axis positioning, `d3.scaleLinear` for value scaling, and `d3.line` to generate the polylines. A static SVG rendering, it includes a title and a legend with colored squares and species names, and loads data from a CSV file via `d3.csv`.

93% match

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.

93% match

Parallel Coordinates on Iris data set

This interactive parallel coordinates plot visualizes the Iris flower dataset, displaying four measured attributes (sepal length/width, petal length/width) as parallel axes. Each of the 150 flower samples appears as a polyline, colored by species using a D3 ordinal scale mapping to purple, gray, and blue. Users can drag axis labels to reorder dimensions, which triggers animated transitions via D3’s drag behavior and transition methods, while the foreground and background paths update dynamically. The visualization uses D3 v3’s SVG rendering, with custom axes and brushing support for data exploration.

Ttoeric

92% match