00000000000

100%

✓ Published0🌍 Public

Last edited Oct 18, 2020

Created on Oct 18, 2020

Forked from Iris Parallel Coordinate Plots

This example presents an interactive parallel coordinates plot of the Iris dataset, with each polyline colored by flower species (setosa, versicolor, or virginica) using an ordinal color scale. Users can drag dimension axes to reorder them and brush along any axis to filter highlighted lines. The visualization uses D3 v3 with SVG paths for both background and foreground lines, d3.svg.brush for filtering, and d3.behavior.drag for axis manipulation. Data loads from a remote CSV, with axes normalized to a 0–9 scale rather than their natural extents.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Parallel Coordinates

This interactive parallel coordinates plot displays the classic Iris dataset, with each colored polyline representing a flower across four numeric dimensions (sepal length, sepal width, petal length, petal width). The three Iris species are distinguished by color—orange, green, and blue—as shown in the legend. Using D3 v3, the visualization renders both background and foreground SVG paths, where the foreground lines are colored via an ordinal scale mapped to the `class` column. Users can drag axis labels to reorder dimensions, which triggers a live update of the line paths through `d3.behavior.drag` and `d3.svg.axis`.

TThe-World-Muda

92% match

Loading thumbnail…

309708015.html

This interactive parallel coordinates plot visualizes the Iris flower dataset, displaying four numeric attributes (sepal length, sepal width, petal length, and petal width) as polylines colored by species—setosa, versicolor, and virginica—using a categorical color scale. Users can drag axes to reorder dimensions and use brush interactions on each axis to filter the displayed lines. Built with D3 v3, the SVG rendering uses d3.svg.line, d3.svg.axis, d3.svg.brush, and d3.behavior.drag for manipulation. The data is loaded as CSV from a GitHub repository, with axis labels and a color legend included.

SSUNDARRAJAN MUGUNTHAN

91% match

Loading thumbnail…

parallel coordinates_Iris data set

This example visualizes the classic Iris flower dataset using parallel coordinates, with each polyline representing a flower sample colored by species (setosa, versicolor, virginica). Users can drag the vertical axis labels to reorder dimensions and explore relationships interactively. Built with D3 v3, it uses `d3.svg.axis`, `d3.behavior.drag`, and ordinal/linear scales to map data to SVG paths. A background layer shows all lines in gray, while the foreground layer highlights species via color. Dimension values are scaled linearly between 0 and 9 on each axis, and transitions animate reordering.

RRoey-Wu

90% match

Loading thumbnail…

Iris parallel coordinate plot ref 3

This interactive parallel coordinate plot visualizes the Iris dataset, with each line representing a flower and colored by species (setosa, versicolor, virginica). Users can hover over lines to highlight a selected species while dimming others, and drag the axis titles to reorder dimensions. Built with D3 v4, it uses `d3.scaleLinear`, `d3.scalePoint`, `d3.axisLeft`, and `d3.drag` to handle axis repositioning, while `d3.line` generates the polylines. The SVG rendering includes static axis labels and color-coded legend swatches.

Eexchoco

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

90% match

Loading thumbnail…

Iris parallel coordinate plot

This visualization displays the classic Iris dataset as an interactive parallel coordinate plot, using D3.js v4. Each polyline represents a flower sample, colored red, green, or blue according to its species. The four axes correspond to sepal and petal length and width. Users can click and drag axis labels to reorder the dimensions, which triggers a dynamic swap of axes and updates the paths via the `d3.drag` and `path` functions. Hovering over any line highlights all flowers of that species while dimming others, using CSS transitions.

Ddrean205287

90% match

Loading thumbnail…

0616027.html

This example presents an interactive parallel coordinates plot of the Iris dataset, with each flower species (setosa, versicolor, virginica) colored distinctly in purple, green, or yellow. Users can drag dimension axes to reorder them and use brush controls on each axis to filter the displayed lines. The visualization uses D3.js v3 with SVG rendering, built on a React framework. The code employs d3.svg.axis, d3.behavior.drag, and d3.svg.brush to enable these interactions, while the foreground paths are colored via an ordinal scale mapping species to the viridis color palette.

Ttim310579

90% match

Loading thumbnail…

Parallel Coordinate Plots

This interactive parallel coordinate plot visualizes the Iris flower dataset, showing four numeric traits (sepal length, sepal width, petal length, petal width) for three species, each drawn as a colored polyline. Users can drag any axis to reorder the dimensions, with the lines and axes animating smoothly during the transition. The visualization is built with D3 v5, using `d3.scalePoint` for axis positioning, `d3.axisLeft` for each dimension, and `d3.drag` for interactive reordering, rendered as SVG paths with a fade-in transition.

Mminson

90% match