Skip to main content
SimilarExport ZIP
100%

HW2_basis2

✓ Published1🌍 Public
SSandyWu7179290504
Last edited Oct 20, 2022
Created on Oct 20, 2022

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 flower is drawn as a polyline, colored by species (setosa, versicolor, virginica) using a custom color mapping, with a legend indicating the classes. The code uses D3 v5’s `scalePoint` and `scaleLinear` for positioning, `line()` for generating paths, and `axisLeft` for rendering axes. The data is loaded via `d3.csv` from a GitHub-hosted CSV file, and the plot is rendered as SVG with semi-transparent strokes.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

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
93% match
Loading thumbnail…

HW2_basis1

This is an interactive parallel coordinates plot that visualizes the classic Iris dataset, showing the relationships between sepal and petal measurements. The code highlights each of the three flower species—setosa, versicolor, and virginica—using distinct colors via a d3.scale.ordinal() color scale. It renders the data as SVG line paths, with a light gray background layer for all records and a colored foreground layer for focus. Users can drag the axis labels to reorder the dimensions, an interaction implemented with d3.behavior.drag(), which reshuffles the columns and updates the paths.

SSandyWu7179290504
93% match
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
92% match
Loading thumbnail…

Fork of HW2 Iris Parallel Coordinate Plot

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

JJoshuoYang
91% match
Loading thumbnail…

DV_HW2

This interactive parallel coordinate plot visualizes the Iris dataset, with each of the 150 flowers represented as a polyline spanning four axes: sepal length, sepal width, petal length, and petal width. Lines are colored by class (setosa, versicolor, virginica) and rendered as semi-transparent SVG paths with a 0.35 opacity. Users can drag any axis horizontally to reorder the dimensions, using d3.drag and d3.line to update paths and axis positions dynamically. A legend identifies the three classes, and axis labels are added via d3.axisLeft.

SSandyWu7179290504
90% match
Loading thumbnail…

HW2

This interactive parallel coordinate plot visualizes the Iris dataset, with each flower represented as a polyline connecting measurement values across four axes: sepal length, sepal width, petal length, and petal width. Lines are color-coded by species, and each axis includes its own scale and label. Using d3.drag, users can reposition the axes horizontally to reorder dimensions, which dynamically reshapes the polylines in response to the new axis placements. The visualization is rendered as SVG, with d3.scalePoint, d3.scaleLinear, and d3.line used to construct the plot.

Yyujun12689
90% 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
90% match
Loading thumbnail…

HW2-2

This interactive parallel coordinate plot visualizes the classic Iris dataset, showing measurements of sepal length, sepal width, petal length, and petal width for three iris species. Users can drag any axis horizontally to reorder the dimensions, with overlapping axes automatically repositioning to maintain even spacing. Hovering over a line highlights all lines of the same species while dimming others. The visualization uses d3.csv for data loading, d3.scaleLinear and d3.scalePoint for positioning, d3.axisLeft for axes, and d3.drag to enable axis reordering. Lines are rendered as SVG paths colored by species using d3.scaleOrdinal.

Aanna960073@gmail.com
90% match