Skip to main content
SimilarExport ZIP
100%

hw2

✓ Published1🌍 Public
Yyujun12689
Last edited Oct 25, 2022
Created on Oct 25, 2022
Forked from 310553047-HW1

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.

AI-generated description
MIT Licensed

Similar vizzes

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
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, 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_311553050_RUN

This interactive parallel coordinate plot visualizes the Iris dataset, showing four measured attributes for three flower species. Users can reassign each of the four axes to different columns using dropdown menus, allowing exploration of relationships between variables. The visualization uses D3.js v5 with SVG rendering, employing `d3.scalePoint`, `d3.scaleLinear`, and `d3.line` to draw colored polylines for each sample. A legend identifies the species, and class-specific colors distinguish the three Iris varieties throughout the plot.

YYunLing
93% match
Loading thumbnail…

hw2

This interactive parallel coordinates plot visualizes the Iris dataset, showing each sample as a polyline connecting four dimensions (sepal/petal length and width) across vertical axes. The tool uses D3 v5's `scalePoint` for axis layout, `scaleLinear` for y-scaling, and `drag` API to allow users to reorder dimensions by dragging axis labels, which dynamically rearranges the paths via the `position` function. Lines are colored by iris species using `scaleOrdinal` with `schemeCategory10`, while SVG text and styled legend swatches indicate the three classes. The data loads from a remote CSV URL and renders as an SVG scene.

Aaddword527
93% match
Loading thumbnail…

hw2

This interactive parallel coordinates plot uses the classic Iris dataset, displaying each flower as a polyline across four quantitative dimensions (sepal length/width and petal length/width with a fixed 0–8 scale). Each species is color-coded via a D3 ordinal scale. Users can drag axis labels to reorder dimensions, and brush any axis to filter foreground lines. Built with D3 v3, it uses SVG paths for rendering, with animation for smooth transitions during axis reordering.

Aaddword527
93% match
Loading thumbnail…

hw2

This interactive visualization displays the Iris dataset using a parallel coordinate plot, with each flower species colored distinctly (red, blue, and yellow). Users can reorder the four coordinate axes—sepal length, sepal width, petal length, and petal width—by entering numbers 1 through 4 and clicking a button, which triggers a re-render of the SVG paths. The code uses d3.csv to load data, d3.scaleLinear for y-axes, d3.scalePoint for the x-axis, and d3.axisLeft to draw the coordinate scales.

Kkenny-wq
92% 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
92% match