Skip to main content
SimilarExport ZIP
100%

Fork of Data Visualization Homework 1: Scatter Plots

✓ Published0🌍 Public
MMohammed
Last edited Nov 7, 2023
Created on Nov 7, 2023

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()`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Data Visualization Homework 1: Scatter Plots

This interactive D3 visualization demonstrates the Iris flower dataset through a customizable scatter plot. Users dynamically select which measurements (sepal length, width, petal length, or petal width) to display on the x- and y-axes via dropdown menus. The plot renders circles colored by Iris species, with a categorical color legend and animated transitions when axes change. Built with D3 v5, it uses `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, and `transition()` to smoothly animate the scatter points.

Dderrick373519@gmail.com
90% 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…

Fork of Scatter Plot with Menus

This interactive scatter plot displays the Iris dataset, with dropdown menus that let users select which flower measurements map to the x and y axes. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `axisLeft`, and `axisBottom` for the plot, while a custom `dropdownMenu` module handles the HTML select elements. When a menu changes, the scatter plot transitions smoothly over two seconds, animating circles to their new positions with staggered delays. Data comes from the built-in iris.csv file, and points are colored by species using `scaleOrdinal` with `schemeCategory10`.

Yyhcmv5
88% 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.

陳陳泰元
88% match
Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot displays the Iris dataset, allowing users to choose which numeric measurements appear on the x- and y-axes via dropdown menus. The visualization uses d3.csv to load data, d3.scaleLinear and d3.extent for scaling, and d3.axisBottom/axisLeft with tick marks. Circles are colored by iris species (setosa, versicolor, virginica) through CSS classes, with a legend overlay. The code utilizes d3-selection and d3-transition APIs within an SVG rendering approach.

NNYCUBK201
88% 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
87% match
Loading thumbnail…

Fork of Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, displaying the relationship between two user-selected measurements (sepal length/width or petal length/width) on the x- and y-axes. Colored circles represent the three Iris species (setosa, versicolor, virginica) using a categorical color scale. The D3.js code builds the chart with `scaleLinear` and `scaleOrdinal` for scaling, `axisLeft` and `axisBottom` for axes, and dropdown menus trigger redraws via event listeners. Data is loaded from a CSV file, and points are rendered as SVG circles.

Aaddword527
87% match
Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot displays the Iris dataset, allowing users to explore relationships between different measurements by selecting which columns map to the X and Y axes through dropdown menus. Built with D3 v5, the visualization uses d3.scaleLinear for axis scaling and d3.axisBottom and d3.axisLeft for tick marks. Circles transition over two seconds to their new positions with staggered delays, while axis labels update dynamically. The SVG rendering includes grid lines and semi-transparent red circles, with data loaded as CSV from a GitHub gist.

Ssumitradevipolina
87% match