Fork of SPLOM

100%

✓ Published0🌍 Public

Last edited Mar 2, 2021

Created on Mar 2, 2021

Forked from SPLOM

This visualization displays a scatter plot matrix of the Iris dataset, comparing pairs of sepal length, sepal width, petal length, and petal width across a 4×4 grid. Each cell shows the relationship between two quantitative columns using circles with a radius of 2 pixels. The code uses D3 v6 APIs including `csv`, `scaleBand`, `scaleLinear`, and `extent`, with a custom `scatterPlot` factory function managing the scales. Data loads from a GitHub Gist URL, and the SVG rendering fills the entire window.

AI-generated description

A minimal scatter plot matrix of the Iris Dataset.

ISC Licensed

Similar vizzes

Loading thumbnail…

SPLOM

This example displays a scatter plot matrix (SPLOM) of the Iris Dataset, showing pairwise relationships among the four quantitative attributes: sepal length, sepal width, petal length, and petal width. Each cell in the grid contains a small scatter plot, with axes scaled independently per row and column. The visualization uses D3 v6, employing `d3.csv` for data loading, `d3.scaleLinear` for axis scales, and `d3.scaleBand` to arrange the grid of plots. Data points are rendered as SVG circles via a reusable `scatterPlot` function.

CCurran Kelleher

92% match

Loading thumbnail…

Fork of Scatter Plot Simple

This scatter plot visualizes the Iris Dataset, showing the relationship between sepal length and petal length across three species. The chart displays colored circles without axes, using D3 v7's `scaleLinear` and `extent` functions to map data values to SVG coordinates. The visualization is made responsive by applying a `viewBox` attribute instead of fixed width and height, while CSS `clamp` controls the SVG's displayed size. Data is loaded from a CSV file and parsed with `csvParse` before rendering.

Zzach b.

85% match

Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting petal length against sepal length for individual flowers. The visualization uses D3 v6 to load the CSV data, scale the x and y axes with `d3.scaleLinear`, and render circles as SVG marks. Axes are added using `d3.axisLeft` and `d3.axisBottom`, with the plot sized to the full browser window. The code demonstrates a clean mapping of data fields to spatial positions.

Zzhuomo-maker

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

85% match

Loading thumbnail…

Fork of D3 Scatter Plot

This is a scatter plot of the Iris dataset, showing sepal length against petal length, with each flower species represented by a translucent circle. The visualization is built with D3 v7, using `d3.csv` to load data, `scaleLinear` and `extent` to map values, and `axisLeft`/`axisBottom` for the axes. Circles are rendered as SVG elements with a fill opacity of 0.5. The example demonstrates a modular structure with separate files for data fetching, axis rendering, and the main visualization logic.

Ttebanieo

85% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width as x and y coordinates while coloring each point by species (setosa, versicolor, or virginica). It also stores sepal measurements as data attributes on each circle, though these are not used for positioning. The implementation uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale axes, and render an SVG with circles. Data is fetched from a GitHub Gist, and the viewport fills the browser window.

SSnapika

85% match

Loading thumbnail…

Fork of Scatter Plot Save

This visualization displays the classic Iris Dataset as a scatter plot, mapping sepal length on the x-axis against petal length on the y-axis, with each of the 150 flowers represented as a circle. The code uses D3 v7’s `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` functions to position points and render labeled axes. Data is loaded from an external CSV file and parsed with `csvParse`, then rendered using D3’s data join pattern with circles.

JJesper Martinsson

85% match

Loading thumbnail…

Fork of Scatter Plot

This example plots sepal length against petal length for the Iris Dataset, with each flower represented as a circle. The visualization demonstrates a reusable scatter plot module composed with custom axis and labeling functions. It uses D3 v7 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and data joins via `selectAll` and `join`. The code loads the CSV data with `fetch` and `csvParse`, then renders the plot across the full browser window, coloring points by species.

Rradhadevarapu

85% match