Skip to main content
SimilarExport ZIP
100%

HW1-iris.csv

✓ Published0🌍 Public
CChristian Magelssen
Last edited Oct 22, 2020
Created on Oct 22, 2020
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

HW1-iris.csv

This visualization displays the classic Iris dataset as a scatterplot, plotting one of four flower measurements (sepal or petal length/width) against another on each axis. The chart uses D3 v5 to render the SVG, with `d3.csv` fetching data from a GitHub-hosted CSV file, `d3.scaleLinear` handling axis scales, and `d3.scaleOrdinal` mapping flower species to distinct colors. A dropdown-menu interface (`<select>` elements in the HTML) lets users dynamically change which measurement appears on the x-axis or y-axis, triggering a full redraw of the plot.

Aaddword527
95% 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
92% match
Loading thumbnail…

hw1_scatter_plot

This scatter plot displays the classic Iris dataset, showing relationships between four flower measurements (sepal length/width and petal length/width) for three Iris species. Users can dynamically select which measurements appear on the x- and y-axes through dropdown menus, triggering a re-render of the visualization. The plot uses D3 v5 with `scaleLinear`, `axisBottom`, and `axisLeft` to generate axes with gridlines, while colored circles represent the three species—Iris-setosa, Iris-versicolor, and Iris-virginica—with a corresponding legend. Data is loaded from a CSV file using D3’s `csv` method.

Cchingching17
90% match
Loading thumbnail…

310551076_HW1_Scatter Plots (Interactive Legend)

This interactive scatter plot displays the Iris dataset, allowing users to explore relationships between sepal and petal measurements across three flower species. Dropdown menus select which features appear on the x- and y-axes, and hovering over any point highlights all points of the same species while dimming others. The visualization uses D3 v7 with `scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes, and updates the SVG via a `render()` function. CSV data is loaded with `d3.csv`, and species colors are mapped explicitly in the code.

陳陳泰元
90% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris dataset, showing sepal and petal measurements for three iris species. Users can select which measurement appears on the x- and y-axes via dropdown menus, with each species color-coded. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for colors, and d3.axisBottom/axisLeft for gridlines. Data loads from a CSV file using d3.csv, and circles are rendered as SVG elements.

CChenLeah
90% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal length, sepal width, petal length, and petal width across three iris species. Users can select which measurements appear on the x and y axes via dropdown menus, and the plot updates accordingly. The visualization uses d3.csv for data loading, d3.scaleLinear for axis scaling, and d3.scaleOrdinal with schemeCategory10 for species coloring. SVG circles represent individual data points, with axes rendered using d3.axisBottom and d3.axisLeft.

WWei-Che Chang
90% 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
89% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, showing measurements of sepal and petal length and width across three species. Users can dynamically select which measurement appears on the x-axis and y-axis using dropdown menus. The visualization uses D3.js v5 with SVG rendering, employing `scaleLinear` for axes, `scaleOrdinal` for color mapping, and `axisBottom` and `axisLeft` for ticks. The data is loaded via `d3.csv` and rendered as semi-transparent circles colored by species class.

Cchungmin-yu
89% match