Skip to main content
SimilarExport ZIP
100%

NEW WORLD

✓ Published0🌍 Public
Aafcchilders
Last edited Nov 17, 2022
Created on Sep 26, 2022

This interactive scatterplot, built with React and D3 v7, visualizes the Iris flower dataset. Users can select different attributes for the X and Y axes from dropdown menus, and the view updates to show the distribution of data points. The visualization combines two histogram-based bar charts, one for each selected axis, overlaid with a scatterplot of individual flowers. The bars and circles are colored by species using an ordinal scale, and D3's `bin` and `scaleLinear` functions are used to compute the histogram and coordinate mappings.

AI-generated description

A program that loads in some data about CSS colors

MIT Licensed

Similar vizzes

Loading thumbnail…

new

This interactive scatter plot explores the Iris dataset, allowing users to select which four numeric flower measurements appear on the x- and y-axes via React dropdown menus. The SVG visualization uses d3.scaleLinear for both axes, with d3.axisBottom and d3.axisLeft rendering labeled ticks and gridlines. Each flower is plotted as a circle, and hovering reveals a native tooltip showing the x-value. The data is loaded as CSV using d3.csv and parsed with unary plus operators.

Ggayatrisridhar
85% match
Loading thumbnail…

Scatter Plot

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between four numeric flower measurements by selecting which attribute appears on each axis via dropdown menus. Built with React and D3 v5, the visualization renders SVG circles positioned using linear scales, with labeled axes and tick marks generated by custom React components. The data loads asynchronously from a GitHub gist using D3's `csv` parsing function, and the interactive dropdowns update the chart's state to reflect new attribute selections.

XXiaoyu Su
83% match
Loading thumbnail…

Scatter Plot with Colors

A scatter plot of the Iris Dataset with interactive dropdown menus for selecting which flower attributes to plot on the X and Y axes. The visualization uses D3's linear scales for axis mapping, with React rendering the SVG circles and axes. Users can compare sepal and petal measurements across species, with tooltips showing exact values on hover. The chart includes labeled axes and a clean, minimalist design with Poppins typography.

Aafcchilders
83% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, showing measurements of sepal and petal dimensions colored by flower species. Users can select which attributes to display on the x- and y-axes using dropdown menus, with hover interactions fading non-selected species. Built with React and D3 v5, it renders SVG circles using `scaleLinear` and `scaleOrdinal` for positioning and color encoding. The visualization includes custom axis components, a color legend, and tooltips, with data loaded via D3's `csv` parser and formatted using `d3.format`.

TThe-World-Muda
83% match
Loading thumbnail…

Scatter_Plot_New_withMenus

This interactive scatter plot displays the Iris Dataset, allowing users to explore relationships between sepal and petal measurements by selecting different attributes for the X and Y axes via dropdown menus. The visualization updates the axes and data points dynamically when a new attribute is chosen, with each point representing an iris flower. Built with React and D3 v5, the chart renders as an SVG, using D3's `scaleLinear` for scaling, `extent` for domain calculation, and custom components for the axes, marks, and menus.

Kkbrookshire420
83% match
Loading thumbnail…

Scatter Plot with Color

This interactive scatter plot visualizes the Iris Dataset, allowing users to explore relationships between flower measurements and species. Two dropdown menus let viewers select which attributes appear on the x and y axes, while the three Iris species are distinguished by color. The visualization is built with React and D3 v5, using `scaleLinear` for axes, `scaleOrdinal` for categorical colors, and SVG circles for data points. Button controls update the chart state, re-scaling axes and repositioning marks in response to user selections.

Ee-ines
83% match
Loading thumbnail…

HW1 Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, letting users explore relationships between four numeric attributes by selecting which ones appear on the x- and y-axes via React dropdown menus. Each point represents a flower, colored by species according to a d3.scaleOrdinal mapping. The visualization uses React components to render SVG elements, with d3.scaleLinear for axes and d3.extent for domains. The code loads data from a CSV file using d3.csv and renders custom axis components with tick marks.

EEast007
82% match
Loading thumbnail…

Iris_Scatter

This interactive scatter plot visualizes the Iris dataset, showing relationships between four flower measurements (sepal length/width, petal length/width) across three species. Users select which attributes to plot on the x- and y-axes via ReactDropdown menus, with points colored by species. Hovering over the color legend highlights one species while fading the others. Built with React and D3 v5, it uses `scaleLinear`, `scaleOrdinal`, and SVG circles, with axes rendered as custom tick components.

Eexchoco
82% match