Skip to main content
SimilarExport ZIP
100%

HW2

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

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.

AI-generated description
MIT Licensed

Similar vizzes

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

HW2-2

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.

Aanna960073@gmail.com
94% match
Loading thumbnail…

hw2

This interactive parallel coordinate plot visualizes the Iris dataset, displaying four measured features for three flower species. Users can drag any vertical axis horizontally to reorder the dimensions, and the polyline paths connecting each flower’s measurements update in real time. The visualization uses d3.scalePoint for axis positioning, d3.drag for interactivity, and d3.line for path generation, with data loaded from a remote CSV. Axes are labeled, and a color-coded legend distinguishes the three Iris species.

Yyujun12689
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
93% 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

This interactive parallel coordinates plot visualizes the Iris dataset, displaying four flower measurements (petal and sepal length/width) across three species. Built with React and D3.v4, it renders SVG paths with animated transitions that highlight a selected species while dimming others on hover. Color-coded legends map species to distinct hues, and the chart’s axes are adjustable via radio buttons, allowing users to reassign features to each dimension. The visualization uses `d3.scaleLinear` and `d3.scalePoint` for coordinate mapping and `d3.line()` to construct the polylines.

YYI-CHENG-SHIH645
93% match
Loading thumbnail…

HW2 v1

This interactive parallel coordinate plot visualizes the Iris dataset, showing each flower as a line connecting four attribute axes. The tool provides dropdown menus to reassign attributes to each axis, and hovering over a species in the color legend highlights the corresponding lines. Built with React and D3 v7, the SVG rendering uses `scaleLinear` for axes and `scaleOrdinal` for species colors, with state managed via React hooks for data filtering.

Nnathanowen06
92% match