Skip to main content
SimilarExport ZIP
100%

Fork of Data Visualization Homework 4: Brushable Scatter Plot Matrix

✓ Published0🌍 Public
LLê Minh Bằng
Last edited Oct 4, 2024
Created on Oct 3, 2024

This visualization is a brushable scatter plot matrix of the Iris dataset, showing pairwise relationships between four flower measurements. Each off-diagonal cell displays points colored by species class, while diagonal cells show histograms of individual variables, with axis labels and a color legend for the three Iris classes. Built with D3 v5, the example uses `d3.csv` to load data, `d3.scaleLinear` and `d3.scaleOrdinal` for scaling, `d3.cross` to generate cell positions, `d3.histogram` for the diagonal distributions, and `d3.axisBottom` and `d3.axisLeft` with custom tick styling to render the grid.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Data Visualization Homework 4: Brushable Scatter Plot Matrix

This brushable scatter plot matrix displays the classic Iris dataset, showing pairwise relationships between sepal length, sepal width, petal length, and petal width across three flower classes, with histograms along the diagonal. Each off-diagonal cell renders circles colored by species using `d3.scaleOrdinal` with `schemeCategory10`. The visualization builds a grid of small multiples using D3 v5 selections, `d3.cross` to generate cell pairs, and `d3.axisBottom`/`d3.axisLeft` for lightweight axes. Diagonal cells use `d3.histogram` to show univariate distributions, while a custom color legend module lists the class categories.

Dderrick373519@gmail.com
90% match
Loading thumbnail…

Fork of HW04-Brushable Scatter Plot Matrix

This visualization is a brushable scatter plot matrix of the Iris dataset, showing pairwise relationships between sepal and petal measurements. Each off-diagonal cell displays colored scatter points by iris species, while diagonal cells show histograms of individual trait distributions. Users can brush over any cell to highlight corresponding points across all other plots. The code uses D3 v4 with SVG rendering, employing `d3.brush`, `d3.histogram`, `d3.scaleLinear`, and `d3.scaleOrdinal` to generate the interactive matrix. Data is loaded from a local CSV file.

Ccpsu00
89% match
Loading thumbnail…

Brushable Scatter Plot Matrix

A brushable scatter plot matrix displays pairwise relationships among four numeric iris flower measurements, with histograms along the diagonal showing each variable's distribution and points colored by species. The visualization is built using D3 v7, rendering SVG elements via `d3.csv` for data loading, `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.histogram` for binning the diagonal distributions. Each off-diagonal cell encodes two variables as a scatterplot, while the color scale uses `d3.scaleOrdinal` with `d3.schemeCategory10` to distinguish Iris species.

Yyuting89830@gmail.com
89% match
Loading thumbnail…

Fork of HW4 Brushable Scatterplot Matrix

This brushable scatterplot matrix displays the classic Iris dataset, showing pairwise relationships between four flower measurements. The visualization is built with D3 v7 and rendered as SVG, featuring histograms along the diagonal and colored scatterplots for the three Iris species elsewhere. Users can brush any cell to highlight selected data points across all plots, with unselected points dimming to reveal correlations. The implementation uses d3.brush for selection, d3.scaleLinear for axes, and d3.bin for histograms.

SSharon Lin
89% match
Loading thumbnail…

Fork of HW04-Brushable Scatter Plot Matrix

This example is a brushable scatter plot matrix of the Iris dataset, showing pairwise relationships between sepal and petal measurements with points colored by species. The matrix features histograms along the diagonal and scatter plots in off-diagonal cells, where users can brush to highlight selections across all panels. Built with D3 v4 and SVG, it uses `d3.brush()` for interactive brushing, `d3.scaleLinear` and `d3.scalePoint` for positioning, and `d3.histogram()` to bin data for the diagonal distributions. The visualization is derived from the classic brushable scatter plot matrix example, adapted to include per-cell axes and histograms.

Nnanegole
88% match
Loading thumbnail…

Fork of HW04-Brushable Scatter Plot Matrix

This example is a brushable scatter plot matrix of the Iris dataset, showing pairwise relationships between sepal and petal measurements with points colored by species. The matrix features histograms along the diagonal and scatter plots in off-diagonal cells, where users can brush to highlight selections across all panels. Built with D3 v4 and SVG, it uses `d3.brush()` for interactive brushing, `d3.scaleLinear` and `d3.scalePoint` for positioning, and `d3.histogram()` to bin data for the diagonal distributions. The visualization is derived from the classic brushable scatter plot matrix example, adapted to include per-cell axes and histograms.

Nnanegole
88% match
Loading thumbnail…

Fork of 1006

A 4x4 scatterplot matrix visualizes the classic Iris dataset, with each cell plotting one pair of four flower measurements and the diagonal showing histograms of each feature. Points are colored by species using `d3.scaleOrdinal`. Rendering in SVG via D3 v6, the visualization incorporates `d3.brush` with a callback that filters the original data to highlight points within the brushed selection across all plots. Binning for the histograms uses `d3.histogram`, with axes generated by `d3.axisBottom` and `d3.axisLeft`.

Eeyxxr1260@gmail.com
88% match
Loading thumbnail…

Homework 4

A brushable scatter plot matrix of the Iris dataset displays pairwise relationships among sepal and petal measurements, colored by species. The code builds on D3 v7’s `d3.cross` for the grid, `d3.scaleOrdinal` with `d3.schemeTableau10` for category colors, and a custom histogram using `d3.histogram` and `flatGroup` for stacked bins. Users can click to toggle data point selection, which brightens the corresponding marks and bins across the linked views.

Jji3ji3ji3195@gmail.com
88% match