hw1_scatter_plot

100%

hw1_scatter_plot

✓ Published4🌍 Public

Last edited Oct 3, 2023

Created on Sep 23, 2023

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.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

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

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

94% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, displaying measurements of sepal and petal length and width for three Iris species. Users can dynamically select which measurements appear on the x- and y-axes via dropdown menus, with points colored by species and a legend provided. The visualization is built with D3 v5, using `d3.csv` to load the data and `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render scales and axes as SVG elements.

Yyptang5488

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

91% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot displays the classic Iris dataset, showing measurements of sepal length, sepal width, petal length, and petal width for three species of iris flowers. Users can change the variables plotted on the x- and y-axes via dropdown menus, with each species colored differently using `d3.scaleOrdinal` and `d3.schemeCategory10`. The visualization uses D3 v5 with SVG rendering, employing `d3.axisBottom` and `d3.axisLeft` for axes, `d3.scaleLinear` for positioning, and `d3.extent` to set the scale domains.

WWei-Che Chang

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

91% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot displays the classic Iris dataset, allowing users to compare any two of the four flower measurements (sepal length/width, petal length/width) by selecting them from dropdown menus. Each of the 150 data points is rendered as a colored circle, with hue indicating one of three Iris species. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` for axes, while `transition().duration().delay().attr()` animates the circles smoothly to their new positions when the axis selection changes. The legend and axis dropdowns are placed beside the plot.

Mmagua

91% match

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

91% match