Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Iris Parallel Coordinate Plot

✓ Published0🌍 Public
RRikibens
Last edited Oct 14, 2022
Created on Oct 14, 2022
Forked from Hello VizHub

This visualization displays the classic Iris dataset as an interactive parallel coordinate plot, with each flower’s measurements across sepal length, width, petal length, and width drawn as semi-transparent polylines colored by species. Users can drag the vertical axes to reorder dimensions via `d3.drag`, which updates the d3.line paths and axis positions. A dropdown menu toggles the y-axis scale between a union range (0–8) and per-attribute extents computed with `d3.extent`. Axis labels and the title are rendered as SVG text, and rendering uses D3 v5 with SVG elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Iris Parallel Coordinate Plot

This interactive parallel coordinate plot visualizes the classic Iris dataset, comparing sepal and petal measurements across three flower species. Users can toggle between unified and per-axis scaling via a dropdown menu, with colored lines representing Iris setosa, versicolor, and virginica. The visualization uses D3 v5 APIs including d3.scalePoint, d3.scaleLinear, d3.axisLeft, and d3.drag, enabling axis reordering through drag interactions with smooth transitions. SVG paths render each observation, while the semi-transparent stroke width highlights overlapping data patterns across the four quantitative dimensions.

RRikibens
96% 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
95% match
Loading thumbnail…

Fork of Iris Parallel Coordinate Plots

This interactive parallel coordinate plot visualizes the classic Iris dataset, with each line representing a flower sample and colored by species. Users can drag the four vertical axes (sepal length, sepal width, petal length, petal width) to reorder dimensions, which triggers a redraw of all polylines and axes. Built with D3 v4, the example uses `d3.scaleLinear` for each axis, `d3.scalePoint` for axis positioning, and `d3.line` to generate the paths, while `d3.drag` enables the interactive axis reordering.

MMarcelo
95% match
Loading thumbnail…

Fork of Iris Parallel Coordinate Plot

This interactive parallel coordinate plot visualizes the Iris dataset across four measurements—sepal length, sepal width, petal length, and petal width—with each of the three species color-coded in orange, teal, and purple. Users can drag axis labels horizontally to reorder dimensions, and a dropdown menu toggles between a fixed union scale (0–8) and per-axis self-scaling based on observed data extents. Built with D3 v5, the SVG rendering uses d3.scalePoint for axes, d3.scaleLinear for y-scales, and d3.drag for interaction, with smooth transitions on axis reordering.

RRikibens
95% match
Loading thumbnail…

Fork of Iris parallel coordinate plot

This interactive parallel coordinate plot visualizes the classic Iris flower dataset, showing how four measurements (petal length, petal width, sepal length, sepal width) vary across three species. Users can drag any vertical axis to reorder the dimensions, with the polygonal lines re-rendering dynamically. Hovering a line highlights its species while dimming others. The visualization uses d3.csv for data loading, d3.scaleLinear and d3.scalePoint for axes, d3.drag for interaction, and color-coded SVG paths with d3.line.

Iianjwo
95% 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
94% match
Loading thumbnail…

Fork of Fork of Iris Parallel Coordinate Plots

This interactive visualization displays the classic Iris flower dataset using parallel coordinate plots, with each of the 150 samples represented as a colored line connecting four vertical axes for sepal length, sepal width, petal length, and petal width. Users can reassign which measurement appears on each axis using dropdown menus, and the lines smoothly animate to their new positions via D3 transitions. The chart, built with D3 v5, uses `scaleLinear` and `axisLeft` to render the axes, with colors differentiating the three Iris species.

AAlextien
94% 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
94% match