Skip to main content
SimilarExport ZIP
100%

HW2

✓ Published0🌍 Public
Kkezianathania021@gmail.com
Last edited Sep 17, 2024
Created on Sep 17, 2024
Forked from Fork of HW1

An interactive scatter plot of the classic Iris dataset, colored by species, displays measurements of sepal and petal dimensions. Two dropdown menus let users choose which measurement appears on each axis, and the plot updates instantly. The code uses D3 v7’s `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` with `schemeCategory10` to render SVG circles, with data loaded from a local CSV file via `d3.csv`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

HW1

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements. The visualization uses D3.js (v7) to render circles colored by species (Iris-setosa, Iris-versicolor, and Iris-virginica) on an SVG canvas. Users can dynamically change the X and Y axes via Bootstrap dropdown menus, which trigger a re-render of the scatter plot. The code uses D3's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs to handle scaling, axes, and color encoding, with CSV data loaded from `iris.csv`.

Kkezianathania021@gmail.com
93% match
Loading thumbnail…

HW2 Trial

This interactive scatter plot visualizes the Iris flower dataset, displaying measurements of sepal and petal length and width. Users can select which measurements appear on the x- and y-axes via dropdown menus, and the points are colored by species (setosa, versicolor, or virginica). The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` for scales and axes. Data is loaded from a CSV file using `d3.csv`, and the plot updates dynamically when the axis selections change.

Rrichartothman@gmail.com
90% match
Loading thumbnail…

HW1 : Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, displaying measurements of sepal and petal length and width for three species. Users select axes from dropdown menus and confirm their choices to update the visualization, which uses colored circles to distinguish Iris-setosa, Iris-versicolor, and Iris-virginica. Built with D3 v5, the code employs d3.scaleLinear, d3.extent, d3.axisBottom, and d3.axisLeft to render axes and SVG circles, with data loaded from a local CSV file.

LLSAWB
90% match
Loading thumbnail…

Fork of HW1

An interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal length, sepal width, petal length, and petal width across three iris species. Users select which measurement appears on each axis through Bootstrap dropdown menus. The visualization uses d3.csv to load data, d3.scaleLinear for axes, d3.scaleOrdinal with schemeCategory10 to color points by species, and d3.axisBottom and d3.axisLeft for tick marks, all rendered as SVG elements with a transparent circle effect.

Kkezianathania021@gmail.com
89% match
Loading thumbnail…

HW1-iris.csv

This interactive scatterplot visualizes the Iris dataset, displaying sepal and petal measurements for three Iris species. Users can dynamically select which measurement appears on the x-axis and y-axis via dropdown menus, with each update re-rendering the plot. The visualization uses d3.scaleLinear for axes and d3.scaleOrdinal to map species to distinct colors. Rendered as SVG using d3.select, d3.csv loads the data from a GitHub-hosted CSV file, while d3.axisBottom and d3.axisLeft generate the labeled axes with gridlines.

CChristian Magelssen
89% 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
89% match
Loading thumbnail…

HW1

This interactive scatter plot visualizes the Iris flower dataset, encoding the three species—setosa, versicolor, and virginica—as distinct colors. Users can dynamically select any two of the four flower measurements for the x- and y-axes using radio buttons, and the chart recalculates its linear scales and redraws the points with updated axis labels. Built with D3.js v4, the visualization uses `d3.csv` to load the data, `d3.scaleLinear` for axis mapping, and `d3.axisBottom` and `d3.axisLeft` to render the axes. The SVG rendering includes light grey grid lines and a custom legend near the top.

Aanna960073@gmail.com
89% 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
88% match