Skip to main content
SimilarExport ZIP
100%

Fork of 04 - let's make a face - dataviz 2018

✓ Published0🌍 Public
RRahulSai05
Last edited Mar 8, 2022
Created on Mar 8, 2022

This interactive scatter plot explores the Iris Dataset, displaying three flower species distinguished by color. Users select which measurements appear on the x- and y-axes via dropdown menus built with d3.select and event listeners. The visualization uses d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for ticks, and SVG circles with dynamic positioning. Data loads from a remote CSV file using d3.csv, demonstrating a classic D3 v7 workflow.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of D3 Starter

This interactive scatterplot lets users explore the classic Iris dataset, comparing any two of the four numeric flower measurements on the x- and y-axes while color-coding points by species. The visualization uses D3 v7 to load CSV data, render SVG circles, and update axes and titles dynamically through select elements. Scales, axes, and event listeners are built with d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.csv, with styling for each Iris class defined in CSS.

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

Fork of Fork of Fork of Data Visualization- Scatter Plot with Iris DataSet

This interactive scatter plot visualizes the Iris dataset, showing the relationship between two selected measurements for each flower. Users can change the x- and y-axes via dropdown menus built with the D3 `select` function. The data is loaded from a CSV using `d3.csv` and rendered as colored SVG circles, with the color indicating the iris species. The chart updates dynamically when the menu selections change, demonstrating the D3 component architecture with React.

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

Fork of Iris Dataset Scatter Plot

This interactive scatter plot visualizes the Iris Dataset, mapping petal length and width on the x- and y-axes while coloring each point by species. Built with D3 v6, it renders circles as SVG elements, using `d3.scaleLinear` for coordinate scaling and `d3.axisLeft`/`d3.axisBottom` for axes. The code loads CSV data via `d3.csv`, parses numeric fields, and positions points within a full-window SVG.

RRadhakrishna246
87% match
Loading thumbnail…

Fork of Fork of Scatter Plots

This interactive scatter plot explores the Iris dataset, allowing users to select which of the four flower attributes—sepal length, sepal width, petal length, or petal width—map to the x- and y-axes via dropdown menus. The visualization uses d3.scaleLinear to map data to pixel coordinates and d3.axisBottom and d3.axisLeft to render axes with grid lines. Points are colored by species using a scaleOrdinal mapping, and the SVG rendering updates smoothly as axis selections change.

Rrohinikotha
87% match
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
86% match