original version of hw1_scatter_plot

100%

original version of hw1_scatter_plot

✓ Published0🌍 Public

Last edited Sep 24, 2023

Created on Sep 24, 2023

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.

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

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…

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

93% match

Loading thumbnail…

HW1_Scatter Plot

This interactive scatter plot explores the classic Iris dataset, displaying measurements such as petal length and sepal width as colored circles representing species. Users can switch the X and Y axes via dropdown menus to compare any pair of attributes, while hovering over the color legend highlights points from a selected species and fades the rest. The visualization is built with React and D3 v5, rendering SVG marks and axes using components like `AxisBottom`, `AxisLeft`, and `Marks`, with scales from `d3.scaleLinear` and `d3.scaleOrdinal`. Data is loaded asynchronously via D3’s `csv` function.

JJames Huang

91% match

Loading thumbnail…

109705001_hw1

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal dimensions. Users can dynamically select which measurement appears on the x- and y-axes via radio buttons, with points colored by Iris species (setosa, versicolor, virginica) according to an SVG legend. The visualization is built with D3 v7, using `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and SVG circles for data points.

Yyihsuan

90% match

Loading thumbnail…

Fork of hw1_scatter_plot

An interactive scatter plot of the Iris dataset displays three species of iris flowers, colored by class, with dropdown menus that let users choose which sepal and petal measurements to plot on each axis. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` to compute scales and render gridlines, while a legend identifies the species groups. Data is loaded from a local CSV file using D3's `csv` API, and the chart redraws as selections change. The SVG canvas and CSS classes style each species with distinct colors and opacity.

Hhuangweijie0310102@gmail.com

90% match

Loading thumbnail…

310551076_HW1_Scatter Plots

This interactive scatter plot visualizes the Iris dataset, showing how three flower species cluster across selected measurement pairs. Two dropdown menus allow users to independently choose which of the four features (sepal length, sepal width, petal length, petal width) appear on the x- and y-axes. The code uses D3.js v7 with SVG rendering, employing `scaleLinear`, `axisBottom`, and `axisLeft` to build the axes and gridlines. Circles are colored by species using a hardcoded color map, and the chart updates dynamically through the `render` function.

陳陳泰元

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