HW1-iris.csv

100%

✓ Published1🌍 Public

Last edited Dec 30, 2020

Created on Oct 2, 2020

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

This visualization displays the classic Iris flower dataset as a scatterplot, mapping sepal length and width to the x and y axes, petal length to point size, and species to color. The rendering uses D3 v4’s SVG output. Data loading relies on `d3.csv` for parsing the CSV file, while scales are built with `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal`, plus axes from `d3.axisBottom` and `d3.axisLeft`. A categorical legend, built with circle elements, identifies the three species (setosa, versicolor, virginica), and a tooltip div is appended to the body but never made visible.

GGTHamonville

88% match

Loading thumbnail…

original version of hw1_scatter_plot

This interactive scatter plot visualizes the Iris flower dataset, displaying measurements such as sepal and petal length and width. Users can select which attributes to plot on the x and y axes via dropdown menus. Each of the three Iris species is represented by a distinct colored circle, with a legend on the right identifying the categories. Built with D3.js v5, the visualization uses `d3.scaleLinear` for axes and `d3.axisBottom` and `d3.axisLeft` to render ticks, loading data from an external CSV file.

Cchingching17

88% match

Loading thumbnail…

109550187_HW1

This interactive scatterplot displays the Iris dataset, plotting 150 flowers with selectable axes for the four measured features (sepal and petal dimensions). A drop-down menu encodes a categorical color scale for the three Iris species, while the circles animate and reposition at a fixed radius as the user changes the x or y axis. Built with D3 version 7, the visualization uses `select` chains, `scaleLinear`, `transition`, and the `menu` module’s change event to update the plot. The SVG rendering honors the displayed data from the included CSV file.

Ppatricknicholas27@gmail.com

88% match

Loading thumbnail…

hw1_scatter_plot

This scatter plot visualizes the Iris flower dataset, showing the relationship between two selected features (sepal length, sepal width, petal length, or petal width) chosen via dropdown menus. Points are colored by species (Iris-setosa, Iris-versicolor, Iris-virginica) using CSS classes. The visualization is rendered with D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` APIs, with data loaded from a CSV file and interactive legends displayed on the side.

Cchingching17

88% match