Skip to main content
SimilarExport ZIP
100%

Fork of Iris Parallel Coordinate Plots

✓ Published0🌍 Public
MMarcelo
Last edited Apr 5, 2021
Created on Apr 1, 2021

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.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

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

Fork of Fork of Iris Parallel Coordinate Plot

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.

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

Fork of Iris Parallel Coordinates

This interactive parallel coordinates plot visualizes the classic Iris flower dataset, with each of the 150 specimens represented as a polyline across axes for sepal and petal dimensions. Lines are color-coded by species using a d3.scale.ordinal, and the plot includes a legend for the three classes. Users can drag axis labels to reorder dimensions, triggering d3.behavior.drag interactions that dynamically update the SVG paths via d3.svg.line. The visualization uses D3 v3 to render the chart as SVG elements, with data loaded from an external CSV file.

Ttiffycshsf
95% match
Loading thumbnail…

Fork of Iris parallel coordinate plot

This visualization is an interactive parallel coordinate plot of the classic Iris dataset, showing four floral measurements (sepal and petal length/width) as linked axes. Lines represent individual flowers, colored by species (setosa, versicolor, virginica), with a hover effect that highlights one species while dimming others. Built with D3.js v4, the example uses `d3.scalePoint` for axis positioning, `d3.line` to generate the polylines, and `d3.drag` for interactive axis reordering. Users can click and drag axis labels to swap their positions, with the plot updating in real time. The SVG renderer handles the paths, axes, and text labels.

AAmanda-Tai
95% match
Loading thumbnail…

Fork of Iris Parallel Coordinate Plot

This interactive parallel coordinate plot visualizes the classic Iris dataset, with each flower’s measurements drawn as a colored line across four axes. Users can drag any axis horizontally to reorder the dimensions, which repositions the lines and remaining axes with a smooth transition. The visualization uses D3 v5 APIs such as `scalePoint`, `scaleLinear`, `axisLeft`, `drag`, and `transition`, rendering as SVG with mouse-driven interactions to explore species clustering.

Aa1153724
95% match
Loading thumbnail…

Fork of Iris Parallel Coordinate Plots

A parallel coordinate plot visualizes four measurements of Iris flowers, with each species distinguished by a unique color. Users can drag the vertical axes horizontally to reorder the dimensions, which dynamically redraws the connected polylines. The visualization uses D3.js v4 with `d3.scaleLinear`, `d3.scalePoint`, `d3.drag`, and `d3.axisLeft` to render SVG paths and axes, and the data comes from the classic Iris dataset.

Aalexntougias
95% match