Skip to main content
SimilarExport ZIP
100%

Fork of hw2

✓ Published0🌍 Public
Eeyxxr1260@gmail.com
Last edited Sep 20, 2024
Created on Sep 18, 2024
Forked from hw2

A fork of the classic Iris parallel coordinate plot visualizes the Fisher iris dataset across four numeric traits, colored by species. The SVG lines encode each flower's measurements, with draggable y-axes for reordering dimensions. The code uses D3 v5 APIs such as `d3.scalePoint`, `d3.scaleLinear`, `d3.axisLeft`, and `d3.line`, with drag behavior and transitions to animate axis reordering.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of hw222222

This interactive parallel coordinate plot visualizes the Iris dataset, showing how sepal and petal measurements vary across three iris species. The SVG displays each flower as a colored polyline spanning four vertical axes, with colors distinguishing species classes. Using D3 v7, the visualization implements drag-and-drop axis reordering, allowing users to rearrange dimensions interactively. The code employs d3.scaleLinear for value mapping, d3.scalePoint for axis positioning, d3.drag for user interaction, and d3.line for path generation, with data loaded from a local CSV file.

Eeyxxr1260@gmail.com
89% match
Loading thumbnail…

Fork of Iris Parallel Coordinate Plot

This fork of an Iris parallel coordinate plot visualizes the classic Fisher iris dataset, encoding four flower measurements as connected lines across vertical axes. Each line represents a single sample, colored by species using a custom `colorMap`, with a legend shown in the corner. Users can drag the axis labels to reorder the dimensions; during the drag, lines and axes are repositioned dynamically, and upon release, a transition smoothly animates them back to their original order. The implementation uses D3 v5's `scalePoint`, `scaleLinear`, `axisLeft`, and `line` generators, with SVG rendering and custom drag interaction handling.

Iianjwo
89% match
Loading thumbnail…

Fork of HW02

This example presents an interactive parallel coordinate plot of the classic Iris dataset, allowing users to reorder the dimensions by dragging the axis labels. The visualization renders each flower as a polyline connecting its measurements across the four numeric axes and the categorical species axis, with the three iris species distinguished by color. Built with D3 v7, the chart uses `d3.scaleLinear` and `d3.scaleBand` for axis scaling and `d3.line` to generate the paths. The reordering functionality relies on the Sortable.js library, which triggers a full re-render of the SVG when the drag operation ends.

CCinSiangNg
89% match
Loading thumbnail…

Fork of hw222222

This interactive parallel coordinate plot visualizes the Iris dataset, showing the relationships between sepal length, sepal width, petal length, and petal width across three iris species, colored using an ordinal color scale. Users can drag the vertical axes to reorder dimensions, with the polylines and remaining axes smoothly transitioning to new positions via d3.drag and d3.transition. The visualization is built with D3 v7, using d3.scalePoint for axis placement and d3.scaleLinear for each trait’s y-axis, rendering semi-transparent SVG paths for each data record.

Eeyxxr1260@gmail.com
89% match
Loading thumbnail…

Fork of Iris Parallel Coordinate Plot

This visualization displays Fisher's Iris dataset as an interactive parallel coordinate plot, where each flower is a polyline connecting four measurement axes (sepal and petal length/width), colored by species. Users can drag any axis to reorder the dimensions, triggering smooth transitions. The implementation uses d3.scalePoint for categorical axis positioning, d3.scaleLinear for value mapping, d3.drag for interaction, and d3.transition for animated updates, all rendered as SVG elements with a categorical color scheme.

Ttiffycshsf
88% match
Loading thumbnail…

Fork of HW2 Iris Parallel Coordinate Plot

This visualization displays the classic Iris dataset as a parallel coordinate plot, with each polyline representing one flower specimen across four measurements: sepal length, sepal width, petal length, and petal width. The three Iris species are distinguished by color, with semi-transparent strokes revealing density overlaps between classes. The implementation uses D3 v5's `scalePoint` and `scaleLinear` for axes, `d3.line` to generate paths, and `axisLeft` for tick marks. A legend with colored circles identifies each species, while the title and axis labels are rendered as SVG text elements. The data originates from a CSV file loaded via `d3.csv`.

JJoshuoYang
88% match
Loading thumbnail…

Fork of Iris Parallel Coordinate Plot

This fork of the classic Iris parallel coordinate plot visualizes four flower measurements—sepal length, sepal width, petal length, and petal width—with colored lines for the three Iris species. Users can drag any axis to reorder the dimensions, which dynamically rearranges the paths and updates the axis positions. The code uses D3 v5 with `d3.scalePoint`, `d3.scaleLinear`, `d3.axisLeft`, `d3.line`, and `d3.drag` to render SVG paths and handle interactive reordering with smooth transitions. The data comes from the bundled `iris.csv` dataset, with species distinguished by color.

Eevonne0930.cs11@nycu.edu.tw
87% match
Loading thumbnail…

Fork of Iris Parallel Coordinate Plot

This example displays Fisher’s Iris dataset as an interactive parallel coordinate plot, showing four measurements per flower with colored lines by species. Users can drag any axis to reorder dimensions, which repositions the polylines with animated transitions via `d3.drag` and `transition`. Built with D3 v5, it uses `scalePoint` for axes, `scaleLinear` for each measure, and `line` generators for paths, rendering as SVG with axis labels and a legend.

TTiado Kollender
87% match