HW2_311553050_RUN

100%

HW2_311553050_RUN

✓ Published0🌍 Public

Last edited Sep 22, 2023

Created on Sep 22, 2023

Forked from Iris Parallel Coordinate Plot

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.

AI-generated description

MIT Licensed

Similar vizzes

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

93% match

Loading thumbnail…

0616027_hw2

This interactive parallel coordinates plot visualizes the Iris dataset, with each line representing a flower and colored by species (setosa, versicolor, or virginica) using a D3 ordinal color scale. The graphic displays four numerical dimensions—sepal and petal length and width—on vertical axes, and supports dragging axes to reorder them and brushing along axes to filter the highlighted foreground lines. Built with D3 v3, the SVG rendering includes background and foreground path layers, with axes and brushes appended to each dimension group. The legend uses colored circles to map species to the purple, green, and yellow palette.

Cchungmin-yu

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

91% match

Loading thumbnail…

HW1_311553050_Run

This interactive scatter plot visualizes the Iris dataset, allowing users to compare any two of the four flower measurements via dropdown menus for the x- and y-axes. The visualization is built with d3.v5, using SVG rendering and a custom scatterPlot module that employs d3.scaleLinear, d3.axisBottom, and d3.axisLeft. Data points are colored by species using d3.scaleOrdinal with a schemeCategory10 palette, and a semi-transparent color legend is rendered alongside the plot. The chart updates dynamically when the user selects different measurement columns.

YYunLing

90% match

Loading thumbnail…

Fork of HW2_311553050

An interactive parallel coordinate plot displays the Iris dataset, with each flower’s measurements drawn as a polyline across four vertical axes. The axes correspond to sepal length, sepal width, petal length, and petal width, and users can reassign these columns via dropdown menus. Lines are colored by species—setosa, versicolor, or virginica—using a categorical color mapping. The visualization uses the d3 library’s `scalePoint`, `scaleLinear`, `axisLeft`, and `line` functions, with SVG rendering. Data is loaded via `d3.csv` from a remote URL.

YYunLing

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

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

89% match

Loading thumbnail…

HW2_Parallel coordinate plot

This interactive parallel coordinate plot visualizes the Iris dataset, showing how sepal and petal measurements vary across three iris species. Users can reorder the four axes via dropdown menus, and hovering over any line highlights all lines of the corresponding species while fading others. The visualization uses React for UI state management and D3 v5 for scales, axes, and SVG path generation, with the data loaded as CSV and colored by species using a categorical scale.

JJames Huang

89% match