Skip to main content
SimilarExport ZIP
100%

Fork of HW2 Iris Parallel Coordinate Plot

✓ Published0🌍 Public
JJoshuoYang
Last edited Nov 16, 2022
Created on Nov 16, 2022

This visualization displays the classic Iris dataset as a parallel coordinate plot, with each polyline representing one flower specimen across four measurements: sepal length, sepal width, petal length, and petal width. The three Iris species are distinguished by color, with semi-transparent strokes revealing density overlaps between classes. The implementation uses D3 v5's `scalePoint` and `scaleLinear` for axes, `d3.line` to generate paths, and `axisLeft` for tick marks. A legend with colored circles identifies each species, while the title and axis labels are rendered as SVG text elements. The data originates from a CSV file loaded via `d3.csv`.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

HW2 Iris Parallel Coordinate Plot

This visualization uses a parallel coordinate plot to display the classic Iris flower dataset, with each of the four measurements (sepal length, sepal width, petal length, petal width) mapped to a vertical axis. Colored polylines connect each sample across the axes, with three distinct colors separating the Iris species (setosa, versicolor, virginica) as indicated by the legend. The code uses d3.scalePoint and d3.scaleLinear for positioning, d3.line to generate the paths, and d3.axisLeft for the numeric scales. Data is loaded via d3.csv from a GitHub-hosted file, and the SVG render includes semi-transparent strokes to reveal overlapping patterns.

JJoshuoYang
95% match
Loading thumbnail…

Fork of Parallel Coordinate Plot

This visualization displays the classic Iris dataset as a parallel coordinate plot, with each flower sample drawn as a polyline connecting its sepal and petal measurements across four vertical axes. The lines are colored by species (setosa, versicolor, virginica) using a predefined color scale, and a legend identifies each class. The code uses D3 v5 APIs including `scalePoint`, `scaleLinear`, `axisLeft`, and `line` to position axes and render the paths as SVG elements, with data loaded via `d3.csv` from a remote GitHub source.

Aa1153724
94% match
Loading thumbnail…

Fork of HW2_311553050

An interactive parallel coordinate plot displays the Iris dataset, with each flower’s measurements drawn as a polyline across four vertical axes. The axes correspond to sepal length, sepal width, petal length, and petal width, and users can reassign these columns via dropdown menus. Lines are colored by species—setosa, versicolor, or virginica—using a categorical color mapping. The visualization uses the d3 library’s `scalePoint`, `scaleLinear`, `axisLeft`, and `line` functions, with SVG rendering. Data is loaded via `d3.csv` from a remote URL.

YYunLing
94% match
Loading thumbnail…

Fork of Parallel Coordinate Plot

This fork of a parallel coordinate plot visualizes the classic Iris Dataset, showing the relationships between sepal length, sepal width, petal length, and petal width for three flower species. Each row is drawn as a semi-transparent polyline, with colors distinguishing Iris setosa, versicolor, and virginica. The code uses d3.csv to load data, then applies d3.scalePoint, d3.scaleLinear, d3.axisLeft, and d3.line to construct the axes and paths. A static SVG canvas renders the chart, including a title, axis labels, and a legend showing class colors.

Jjas0821
92% match
Loading thumbnail…

Fork of Iris Parallel Coordinate Plot

This example shows an interactive parallel coordinate plot of the classic Iris dataset, with each flower sample drawn as a semi-transparent polyline across four vertical axes for sepal length, sepal width, petal length, and petal width. Lines are color-coded by species (setosa, versicolor, virginica) via a custom color function. Users can drag axis labels horizontally to reorder dimensions, with the path geometry and axis positions updating live during the drag using d3.drag and a scaling transition on release. The visualization is rendered as SVG with d3.scalePoint, d3.scaleLinear, and d3.axisLeft.

CCGTA2023
92% match
Loading thumbnail…

Fork of Iris parallel coordinate plot

This parallel coordinate plot visualizes the classic Iris dataset, with each flower sample drawn as a colored polyline across four axes: petal length, petal width, sepal length, and sepal width. The lines are colored by species (red, green, blue), and hovering over a line highlights all samples of that species while dimming the rest. The axes can be dragged horizontally to reorder dimensions; when dragged past another axis, the two axes swap positions with an animated transition. The visualization uses d3.v4 with d3.line for paths, d3.axisLeft for scales, and d3.drag for interactive axis reordering, rendered as SVG.

SSumeyya-Eser
91% match
Loading thumbnail…

Fork of Iris Parallel Corrdinate Plots

A parallel coordinate plot visualizes the Iris dataset, with each flower’s four measurements drawn as a polyline across four vertically scaled axes. Hovering a line highlights all lines of the same class in its color while dimming others. Users can drag any axis horizontally to reorder dimensions, with polylines and axes animating to the new layout. Built with d3.csv, d3.scalePoint, d3.scaleLinear, d3.line, d3.axisLeft, and d3.drag, the SVG renders semi-transparent colored strokes per species.

YYi-Qing
91% match
Loading thumbnail…

hw2_3

This visualization displays the Iris dataset as a parallel coordinate plot, with four axes representing sepal length, sepal width, petal length, and petal width. Each of the 150 flowers appears as a colored polyline linking its measurements across the axes, with species distinguished by red, yellow, and green strokes, alongside a legend. The code uses d3.scalePoint for categorical axis placement, d3.scaleLinear for the numeric range, and d3.line to generate the paths. Axes are rendered using d3.axisLeft and positioned via the SVG transform attribute, with data loaded through d3.csv.

Wwilliamkuo2000
91% match