Skip to main content
SimilarExport ZIP
100%

Fork of DataVisualization HW1 - Scatter plot

✓ Published0🌍 Public
AAlextien
Last edited Sep 21, 2024
Created on Sep 21, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Data Visualization Homework 1: Scatter Plots

This interactive scatter plot displays the Iris dataset using D3 v5, with dropdown menus to select which measurement columns appear on the x and y axes. Points are colored by iris species, shown in a categorical color legend. The visualization uses `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and animates each circle from the center to its position via `transition()`.

MMohammed
93% match
Loading thumbnail…

Fork of Scatter Plot 0927

This interactive scatter plot displays the Iris flower dataset, with users selecting which measurements map to the x- and y-axes via dropdown menus. Points are colored by species—purple for setosa, red for versicolor, and green for virginica—with a legend beneath the chart. Built with D3 v5, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft` for axes, while circles enter with a staggered 2-second transition animation. The data loads from a local CSV file, and SVG rendering supports the interactive filtering and animated updates.

Mminson
90% match
Loading thumbnail…

HW1 - Scatter Plot of Iris Dataset

An interactive scatter plot visualizes the Iris dataset, allowing users to compare any pair of four floral measurements via two dropdown menus. The plot depicts all 150 specimens as colored circles, with light pink, green, and orange distinguishing the three iris species through a custom color legend. Built with D3 v5, the visualization uses `csv()` to load data, `scaleLinear()` for axes, and `axisBottom()`/`axisLeft()` for grid lines. Animated transitions animate circles from the chart’s center to their plotted positions after each axis selection. SVG rendering displays the chart and dropdown menus.

Ee94091071@gs.ncku.edu.tw
90% match
Loading thumbnail…

Fork of 310551076_HW1_Scatter Plots (Interactive Legend)

This interactive scatter plot visualizes the Iris dataset, showing the relationships between four flower measurements with points colored by species. Two dropdown menus allow users to select which features appear on the x and y axes. Hovering over a point highlights all points of the same species while fading others, and the interactive legend responds to hover events. The visualization uses d3.v7 with scaleLinear, extent, axisBottom, and axisLeft to render the SVG axes and circles, with animations triggered by menu changes.

陳陳泰元
90% match
Loading thumbnail…

Fork of Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, allowing users to compare any two of four flower measurements (sepal/petal length/width) via dropdown menus. Points are color-coded by species, with a legend and animated transitions (using D3’s `transition().duration(1000)`) when axes change. The visualization uses D3 v5 to load CSV data, compute linear scales, render SVG axes with `axisBottom` and `axisLeft`, and bind data to circles. Animated positional updates highlight distribution differences between flower classes.

YYi-Qing
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
89% match
Loading thumbnail…

Fork of Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, displaying three species as colored circles across user-selectable axes. Using D3.js, it renders an SVG with animated transitions between axis combinations via dropdown menus. The visualization employs D3’s scaleLinear, axis functions, and transition methods to smoothly update data points based on the selected sepal and petal measurements.

JJacky
89% match
Loading thumbnail…

hw1

This interactive scatterplot displays the Iris dataset, with each flower plotted as a semi-transparent circle colored by species. Dropdown menus allow switching which quantitative variable appears on each axis, while a click triggers a staggered animation as the circles transition to their new positions. The visualization is built with D3 v5, using `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, and `transition().duration()`. Animated updates render in SVG.

YYouSheng-Do
89% match