Erfan Moeini

@alpharmike·2 public vizzes

Fork of HW02-Parallel Coordinates chart

A parallel coordinates chart of the Iris dataset maps four numeric measurements to vertical axes, with each flower sample drawn as a colored line by species. The chart is implemented using D3.js v7 and SVG, and the arrangement of axes corresponds to interactive HTML elements that can be reordered via the Sortable library, triggering a redraw of the visualization. Axis scales are created with `d3.scaleLinear` for numeric fields and `d3.scaleBand` for species, while `d3.line` generates the polygonal paths linking each dimension.

Nov 26, 2023

Loading thumbnail…

Fork of Data Visualization Homework 2: Parallel Coordinate Plots

This interactive parallel coordinate plot visualizes the Iris flower dataset, showing measurements of sepal and petal length and width for three species. Using D3.js v5, it renders semi-transparent polylines colored by species class, with draggable vertical axes that can be reordered by the user. The chart employs D3's `scaleLinear` and `scalePoint` for mapping data, `drag` events for interactive axis manipulation, and a `colorLegend` to identify species. Data is loaded from the local `iris.csv` file.

Nov 26, 2023