Fork of Parallel Coordinate (0660035)

100%

Fork of Parallel Coordinate (0660035)

✓ Published0🌍 Public

Last edited Jan 12, 2021

Created on Jan 12, 2021

This fork of a parallel coordinate plot visualizes the Iris dataset, coloring each of the 150 sample paths by species (setosa, versicolor, or virginica) and displaying four measured attributes (sepal and petal length and width) on vertical axes. The code uses d3.js v5’s `scaleLinear` for the y-axes, a custom point scale for x-axis positioning, and draws semi-transparent SVG paths with per-species stroke colors. Axes are labeled directly on the chart, and the static rendering relies on raw SVG elements rather than animation.

AI-generated description

MIT Licensed

Similar vizzes

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

90% 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

89% match

Loading thumbnail…

Fork of Fork of Parallel Coordinate Plot

The visualization uses a parallel coordinate plot to display Fisher’s Iris dataset, with each flower sample drawn as a semi-transparent polyline across four axes for sepal length, sepal width, petal length, and petal width. The lines are colored by species, with a legend distinguishing setosa, versicolor, and virginica. The code uses d3.scaleLinear, d3.scalePoint, and d3.line for rendering, with SVG paths and axes built via d3.axisLeft. Data is loaded as CSV and numeric values are converted using the unary plus operator.

Aalan489671

88% match

Loading thumbnail…

Fork of Parallel Plot

This interactive parallel coordinates plot visualizes the Iris dataset, with each of the 150 flowers represented as a colored polyline tracing sepal and petal measurements across four vertical axes. Species are distinguished by color—setosa in green, versicolor in red, and virginica in blue—using `d3.line`, `d3.scaleLinear`, and `d3.scalePoint`. Below the SVG, draggable attribute labels let users reorder the dimensions via mouse events, triggering a redraw that repositions the axes and recomputes all paths.

RRachel Chen

88% match

Loading thumbnail…

Fork of Fork of Fork of Iris Parallel Coordinate Plot

This visualization displays the classic Iris dataset using an interactive parallel coordinate plot, with each of the four traits (sepal length, sepal width, petal length, petal width) mapped to a vertical axis. Users can drag the axes to reorder them, and a dropdown menu toggles the y-axis scale between a fixed union range (0–8) and a per-axis self range based on observed data extents. The plot renders as SVG paths colored by species (setosa, versicolor, virginica) with opacity, and the code uses d3.scalePoint, d3.scaleLinear, d3.axisLeft, d3.drag, and d3.transition to handle layout, interaction, and animated updates.

RRikibens

87% 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

87% match

Loading thumbnail…

Fork of Iris Parallel Coordinate Plot

This interactive parallel coordinate plot visualizes the classic Iris dataset, with each of the 150 flowers represented as a polyline across four trait axes: sepal length, sepal width, petal length, and petal width. Lines are color-coded by species (setosa, versicolor, virginica) using a color scale defined in the code. The visualization uses D3 v5’s `d3.scalePoint` for categorical axes and `d3.scaleLinear` for each trait’s numeric range, rendered as SVG paths. Users can drag axis labels to reorder traits, and a dropdown toggles between a shared y-domain (union) or individual per-axis domains (self), triggering a re-render. The axes are drawn with `d3.axisLeft`, and drag behavior is implemented via `d3.drag`.

PPetronio Costa

87% match

Loading thumbnail…

Parallel Coordinate (0660035)

This visualization displays the Iris dataset as a parallel coordinate plot, with each flower sample represented by a colored line connecting four numeric measurements (sepal length/width and petal length/width) across vertical axes. The three iris species are distinguished by line color: setosa appears green, versicolor purple, and virginica red. The code uses d3.scalePoint for axis positioning and d3.scaleLinear for each dimension’s value mapping, rendering lines as SVG paths with semi-transparent strokes. Axis labels are generated using d3.axisLeft, while the data loads from a CSV file via d3.csv.

Ppeter6179

87% match