Skip to main content
SimilarExport ZIP
100%

Data Visualization Homework 4: Brushable Scatter Plot Matrix

✓ Published1🌍 Public
Dderrick373519@gmail.com
Last edited Oct 16, 2023
Created on Oct 12, 2023

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Data Visualization Homework 4: Brushable Scatter Plot Matrix

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.

LLê Minh Bằng
90% 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
90% match
Loading thumbnail…

Iris_312553048_HW4

This interactive scatter plot matrix visualizes the classic Iris dataset, showing pairwise relationships between sepal length, sepal width, petal length, and petal width. Using D3 v6 with an SVG rendering, the scatter plot matrix uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for coloring the three Iris species, and `d3.brush` for interactive selection. Brushing on any scatter plot highlights that data subset across the entire matrix by dimming unselected circles, and a legend updates to indicate which species are currently included in the selection.

Jjerry70938@gmail.com
89% match
Loading thumbnail…

HW4 Brushable Scatterplot Matrix

A brushable scatterplot matrix displays pairwise relationships among four Iris flower measurements (sepal length, sepal width, petal length, petal width) from the classic Iris dataset. Users drag a brush rectangle over any scatterplot cell to highlight corresponding points across all other cells, while unselected points dim. Diagonal cells show histograms of each measurement. The visualization uses D3 v7 with `d3.scaleLinear` axes, `d3.brush` for interactive selection, and SVG rendering; three Iris species are color-coded with distinct hex values.

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

scatterplot

This scatterplot matrix visualizes the Iris dataset, showing pairwise relationships between sepal and petal measurements, with histograms along the diagonal and color-coded points by species. The plot uses d3.brush for interactive brushing and selection across cells, while d3.histogram generates the diagonal distributions. SVG rendering with d3.scaleLinear, d3.scaleOrdinal, and axis components handles scaling and annotation. The interface allows brushing to highlight subsets across all scatterplots simultaneously, with non-selected points dimmed via a hidden class.

Ddaniel
88% match
Loading thumbnail…

Brushable Scatter Plot Matrix

This interactive scatter plot matrix visualizes the Iris dataset, showing pairwise relationships between four flower measurements—sepal length, sepal width, petal length, and petal width—with points colored by species. Using d3.brush, users can drag across any off-diagonal cell to filter and highlight points across all other cells simultaneously, while diagonal cells display histograms of each variable's distribution. The visualization is built with d3.v4, rendering axes and circles as SVG elements, with scales derived from the CSV data's numeric ranges.

Hhi4u2qzy@gmail.com
88% match
Loading thumbnail…

Brushable scatterplot2

This interactive scatterplot matrix displays the iris dataset, showing pairwise relationships between four flower measurements (sepal and petal length and width) alongside histograms on the diagonal. The visualization uses d3.csv to load the data and d3.scaleLinear with d3.axisBottom and d3.axisLeft for axes. Points are colored by species using d3.scaleOrdinal, with colors distinguishing setosa, versicolor, and virginica. The chart is built entirely with SVG, and while brushable functionality is mentioned in the title, the code shown does not implement brushing interactions.

Cchingching17
88% match