Skip to main content
SimilarExport ZIP
100%

Fork of CSV Dataset Template - Penguins

✓ Published0🌍 Public
CCinSiangNg
Last edited Sep 14, 2024
Created on Sep 13, 2024

This interactive scatter plot, built with D3 v7, visualizes the Iris flower dataset, displaying measurements like sepal and petal length and width. Users can dynamically change the x- and y-axis attributes using the dropdown menus positioned along the plot's edges. The visualization uses `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` to color the three Iris species, and `axisLeft`/`axisBottom` for chart axes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Scatter Plots of Iris Dataset

This interactive scatter plot displays the classic Iris dataset, allowing users to compare any two of the four measured features (sepal and petal length/width) by selecting them from dropdown menus. The visualization uses D3 v7 to render an SVG, with `scaleLinear`, `axisLeft`, and `axisBottom` constructing the axes, while `csv` loads the local iris data. Points are colored distinctly for the three Iris species, with a legend and gridlines, and the chart redraws dynamically on selection changes.

SSharon Lin
87% match
Loading thumbnail…

Fork of Fork of Iris Dataset Scatter Plot

This visualization displays the Iris Dataset as a scatter plot, mapping petal length and width to the x and y axes while encoding species as color. It reads CSV data via `d3.csv`, uses `d3.scaleLinear` with `d3.extent` to set domains, and renders SVG circles with `d3.axisLeft` and `d3.axisBottom`. Each point also carries sepal measurements as attributes, though these are not visually encoded. The plot dynamically sizes to the window and uses a 24px tick font for readability.

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

Fork of Fork of Penguin Data set scatter Plot

This interactive scatter plot visualizes the Iris dataset, mapping sepal length against petal length for individual flowers, with each point rendered as a circle in an SVG. The visualization uses D3 v5’s `scaleLinear` and `extent` functions to compute scales, while the axes are drawn using `axisLeft` and `axisBottom`, with custom labels and a title.

Vvryvarma5577@gmail.com
87% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width on the x- and y-axes, with each point colored by species (green, blue, or red). Built with D3 v6 and SVG, it uses `d3.csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the axes. The code also reads sepal measurements but does not use them visually. Data is loaded from a GitHub-hosted CSV file, and the chart fills the browser window with fixed margins and 24-pixel tick labels.

Llikith1266
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
86% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This D3.js (v6) scatter plot visualizes the Iris Dataset, mapping petal length and width for each flower sample while encoding species with distinct colors (purple, red, teal). The SVG rendering uses `d3.csv` to load the data, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for tick marks. Circular marks are positioned via `selectAll('circle').join('circle')` and labeled with rotated axis titles for petal length and width. The plot fills the browser window and includes a 24px tick font size for readability.

YYbg99g
86% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width onto the x- and y-axes. Each point is colored by species—green, orange, or brown—using a custom marker function. Built with D3 v6, the SVG chart uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes. Data is loaded via `d3.csv` from a GitHub gist, with numeric fields parsed on ingestion. The visualization fills the screen and includes axis labels for petal length and sepal length.

BBajiSharifPatan@my.unt.edu
86% match