Skip to main content
SimilarExport ZIP
100%

Fork of hw1_scatter_plot

✓ Published0🌍 Public
Hhuangweijie0310102@gmail.com
Last edited Oct 12, 2023
Created on Oct 12, 2023
Forked from 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.

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…

Fork of Iris Scatter Plot-0616053

An interactive scatter plot of the Iris flower dataset, colored by species, allows users to explore relationships between four flower measurements. The visualization uses D3 v5 to render an SVG chart with selectable X and Y axes, dynamically updating the plot when the user changes the dropdown menus for sepal and petal dimensions. The data is loaded from a local CSV file using `d3.csv`, and the chart is drawn with `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleLinear`, applying species-specific colors and translucent points.

Gginnyching
91% match
Loading thumbnail…

Fork of HW1

An interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal length, sepal width, petal length, and petal width across three iris species. Users select which measurement appears on each axis through Bootstrap dropdown menus. The visualization uses d3.csv to load data, d3.scaleLinear for axes, d3.scaleOrdinal with schemeCategory10 to color points by species, and d3.axisBottom and d3.axisLeft for tick marks, all rendered as SVG elements with a transparent circle effect.

Kkezianathania021@gmail.com
90% 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
90% match
Loading thumbnail…

Fork of Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, allowing users to explore relationships between sepal and petal measurements across three flower species. Two dropdown menus let viewers select which measurement appears on the x- and y-axes. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` to render axes and gridlines, while data points are drawn as SVG circles with color-coded species and an accompanying legend. When the axes change, the circles smoothly transition to their new positions using D3's `transition()`.

HHaowenWeiJohn
90% match
Loading thumbnail…

Fork of DataVisualization HW1 - Scatter plot

This interactive scatter plot displays the Iris dataset, letting users compare any two numeric flower measurements via dropdown menus. The visualization colors each point by iris species and includes a legend. Built with D3 v5, it uses scaleLinear for axes, scaleOrdinal with schemeCategory10 for coloring, and d3.csv to load the data. The circles animate into place using a 2-second transition with staggered delays, rendered as SVG elements.

AAlextien
89% match
Loading thumbnail…

Fork of Scatter Plots of Iris Dataset

This interactive scatter plot displays the classic Iris dataset, showing sepal and petal measurements for three flower species. Users select which features appear on the x- and y-axes via a custom button panel, and the visualization updates accordingly. The code uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft to render axes, with circles colored by species. Data is loaded from a CSV file and rendered as SVG elements, with the button panel implemented as reusable D3 functions.

WWasanta Pruttisarikorn
89% match
Loading thumbnail…

Fork of Scatter Plots of Iris Dataset

This interactive scatter plot displays the classic Iris dataset, showing sepal and petal measurements for three flower species. Users select which features appear on the x- and y-axes via a custom button panel, and the visualization updates accordingly. The code uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft to render axes, with circles colored by species. Data is loaded from a CSV file and rendered as SVG elements, with the button panel implemented as reusable D3 functions.

WWasanta Pruttisarikorn
89% match
Loading thumbnail…

Fork of Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, displaying measurements of sepal and petal dimensions across three species. Users can dynamically select which measurement appears on each axis through dropdown menus, with the chart redrawing to reflect the new configuration. The visualization uses D3.js v7 with SVG rendering, employing d3.scaleLinear for scales, d3.axisBottom and d3.axisLeft for axes, and d3.scaleOrdinal for color coding by species. The code loads data from a CSV file and includes a legend identifying the three species.

VVinod Pahuja
89% match