Fork of Scatter Plot with Menus

100%

Fork of Scatter Plot with Menus

✓ Published0🌍 Public

Last edited Sep 21, 2023

Created on Sep 21, 2023

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.

AI-generated description

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot displays the Iris dataset, allowing users to choose which flower measurements to plot on the x and y axes via dropdown menus. The visualization uses D3.js version 5's scale functions for axes and a categorical color scale to distinguish the three Iris species. Upon selection, circles animate to their new positions with a 2-second transition, and the axis labels and scales update accordingly.

Zz99876664@gmail.com

95% match

Loading thumbnail…

Fork of Scatter Plot with Menus

An interactive scatter plot of the Iris dataset lets users select which flower measurements to compare on the x- and y-axes via two dropdown menus. Each point represents a sample, colored by species (setosa, versicolor, virginica) using a d3.scaleOrdinal with a legend. The visualization uses D3 v5 to render SVG axes, circles, and labels, with transitions updating the plot whenever menu selections change.

Ccpsu00

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

94% match

Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot displays the Iris flower dataset, letting users select which numeric columns map to the X and Y axes via dropdown menus. The visualization uses D3 v5 to render SVG circles with animated transitions, scaling axes based on the selected attributes. Data is loaded from a CSV file using `d3.csv`, and the dropdown menus are managed by a custom `dropdownMenu` function, while the scatter plot is drawn through the `scatterPlot` component.

Nnikki81140

93% match

Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot visualizes the Iris dataset, allowing users to dynamically select which flower measurements appear on the x- and y-axes via dropdown menus. The visualization is built with React and rendered as SVG, using D3 v5 scale functions like `scaleLinear` and `extent` for scaling and axis generation. Data is loaded asynchronously with `d3.csv` from a GitHub-hosted CSV file. Each point represents an iris specimen, with native SVG `<title>` elements providing hover tooltips that display precise values.

Cchar0496

93% match

Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot displays the Iris flower dataset from the UCI Machine Learning Repository. Users select which quantitative attributes to plot on the x- and y-axes through dropdown menus, immediately updating the visualization. Built with D3 v5, the code uses `scaleLinear` for axes, `axisLeft` and `axisBottom` for tick marks, and employs SVG rendering with animated circle transitions.

Ping-Yu Yang

93% match

Loading thumbnail…

Fork of Scatter Plot With Menus(Iris)

An interactive scatter plot of the Iris dataset lets users explore relationships between variables. Two dropdown menus, built with a reusable `dropdownMenu` function, select which attributes appear on the x- and y-axes. The visualization uses D3 v7's `scaleLinear` for numeric fields and `scaleBand` for the categorical "class" column, rendering points via `transition` animations. Axis labels update dynamically, and axes are drawn with `axisBottom` and `axisLeft`. The code loads data from `iris.csv` and scales circles with a radius of 10.

黃黃歆善

93% match