HW2 Trial

100%

✓ Published0🌍 Public

Last edited Oct 1, 2023

Created on Oct 1, 2023

Forked from Fork of Fork of Cars Scatter Plot

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.

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…

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…

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…

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

89% match

Loading thumbnail…

HW1_test

This interactive scatter plot visualizes the classic Iris dataset, displaying measurements of sepal and petal dimensions for three flower species. Users can explore relationships between any two numerical attributes using dropdown menus to select variables for the x and y axes. The visualization uses React components with D3 v5 scales and SVG rendering, implementing custom AxisBottom and AxisLeft components along with colored circles to distinguish Iris-setosa, Iris-versicolor, and Iris-virginica specimens.

Ping-Yu Yang

88% match

Loading thumbnail…

HW01-Iris

This interactive scatterplot of the classic Iris dataset allows viewers to explore relationships between sepal and petal measurements by selecting any pair of features for the x- and y-axes via radio buttons. The plot displays 150 flowers, color-coded by species, with semi-transparent circles rendered as SVG. The visualization dynamically updates using D3.js scales and axes, and it redraws responsively on window resize. Data is loaded from a CSV file, and species-specific colors are applied through CSS classes.

YYang Shun Yu

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

87% match

Loading thumbnail…

HW1_311553050

This interactive scatter plot visualizes the Iris dataset, displaying the relationship between two user-selected flower measurements (sepal length, sepal width, petal length, petal width) on the x- and y-axes. Points are color-coded by iris class using `d3.scaleOrdinal` with `d3.schemeCategory10`, and a color legend is rendered as an SVG group. Two dropdown menus allow the viewer to change the axes. The plot uses `d3.axisBottom` and `d3.axisLeft` with grid lines, and updates dynamically via D3's data join pattern.

YYunLing

87% 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.

陳陳泰元

87% match