Skip to main content
SimilarExport ZIP
100%

HW2-2

✓ Published0🌍 Public
Aanna960073@gmail.com
Last edited Sep 19, 2024
Created on Sep 19, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

HW2-2

This interactive parallel coordinate plot visualizes the Iris dataset, displaying four measurements—sepal length, sepal width, petal length, and petal width—as connected polylines for 149 samples, colored by species (red, green, blue). Users can drag any axis horizontally to reorder dimensions, which updates the line paths accordingly. Built with D3 v4, it uses `d3.scaleOrdinal` for color mapping, `d3.scalePoint` for axis positioning, `d3.axisLeft` for rendering ticks, and `d3.drag` for interactive reordering, with hover highlighting that dims non-selected lines via `transition()` styling.

Aanna960073@gmail.com
96% match
Loading thumbnail…

HW2-2

This interactive parallel coordinate plot visualizes the iris dataset from `iris.csv`, with each line representing a flower specimen and colored by its species. Users can reorder axes by dragging them, and hovering over any line highlights its entire species group while dimming others. The visualization is built with D3 v4, using SVG paths for the polylines, `d3.scaleLinear` for axis scaling, and the `d3.drag` module for interactive axis reordering. The view includes static axes for sepal length, sepal width, petal length, and petal width.

Aanna960073@gmail.com
95% match
Loading thumbnail…

HW2

This interactive parallel coordinate plot visualizes the Iris dataset, showing four flower measurements across vertical axes colored by species. Hovering a line highlights all lines of that species while dimming others, using D3 v4’s scaleOrdinal for colors and path generation via d3.line. Users can drag axis labels to reorder dimensions, with d3.drag updating axis positions and adjusting the x-scale point mapping. The SVG renders 149 data rows from iris.csv, excluding one duplicate, with axes built using d3.axisLeft.

Aanna960073@gmail.com
94% match
Loading thumbnail…

HW2 Iris Parallel Coordinate Plot

This interactive parallel coordinate plot uses the classic Iris dataset to visualize four measured features (sepal length, sepal width, petal length, petal width) across three flower species. Built with D3.js v3, it renders each sample as a polyline via `d3.line`, with colors assigned by species. Users can drag any vertical axis to reorder dimensions, and the y-axis domain switches between a union range and per-axis self-scaling using d3.scaleLinear. Hovering over any line highlights all lines of the same species through opacity transitions, while a dropdown menu toggles the axis range mode.

JJuliachien
94% match
Loading thumbnail…

hw2_1

This interactive parallel coordinates plot visualizes the Iris dataset, with each flower’s measurements (sepal and petal length/width) drawn as colored polylines across four vertical axes. Users can drag and drop axis labels in a fixed sidebar to reorder the dimensions, triggering a full redraw via `d3.scalePoint` and `d3.line`. Hovering highlights a species by fading other lines, using D3 transitions and ordinal color scales. Data loads from a remote CSV, and rendering uses SVG with D3 v6 axis generators.

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

HW2 : Parallel Coordinate Plots

This visualization displays the classic Iris dataset using a parallel coordinate plot, with each of the four flower measurements (sepal length, sepal width, petal length, petal width) mapped to a vertical axis. Users can exchange the positions of any two axes via dropdown menus and a confirmation button, which triggers a redraw. The plot uses `d3.scaleLinear` for each dimension, `d3.scalePoint` for axis placement, and `d3.line()` to generate the colored polylines, with a legend identifying the three Iris species.

LLSAWB
92% 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