Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of 1006

✓ Published1🌍 Public
Eeyxxr1260@gmail.com
Last edited Oct 6, 2024
Created on Oct 6, 2024

This brushable scatter plot matrix displays the classic Iris dataset, showing relationships among sepal and petal measurements for three flower species. Users can brush a rectangular region in any scatter plot to highlight corresponding data points across all other plots. The visualization uses D3 v4 with `d3.brush`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to render the SVG grid, with circle elements colored by species via `d3.scaleOrdinal`. Tooltips appear on hover, and selected points maintain their original colors while unselected points fade to gray.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of Fork of 1006

A brushable scatter plot matrix displays the Iris dataset across four morphological traits, with each cell showing the relationship between a pair of features and colored points representing three Iris species. Users can drag a rectangular brush over any scatter plot to highlight corresponding data points across all other plots simultaneously, while hovered circles enlarge and reveal a tooltip. Using D3 v4, the visualization employs `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, `d3.brush`, and `d3.scaleOrdinal` to render the SVG grid, with animated transitions for circle radius and opacity.

Eeyxxr1260@gmail.com
94% match
Loading thumbnail…

Fork of Fork of 1006

This interactive scatter plot matrix visualizes the Iris dataset, showing pairwise relationships between sepal and petal measurements. Each cell displays the correlation between two features, with points colored by species. Users can brush a region in any plot to highlight the selected data points across all other cells simultaneously. The visualization uses D3 v4 with `d3.brush()` for selection, `d3.scaleLinear()` and `d3.axisBottom()`/`d3.axisLeft()` for axes, and `d3.scaleOrdinal()` for species coloring. Data is loaded from an external CSV file and rendered as SVG circles.

Eeyxxr1260@gmail.com
93% match
Loading thumbnail…

Fork of Fork of Brushable Scatterplot

This brushable scatterplot matrix displays the classic Iris flower dataset, showing how four sepal and petal measurements relate to three iris species. Each cell in the grid plots one measurement pair, with points colored red, yellow, or blue by species. Users can drag a brush across any cell to highlight corresponding data points across all other scatterplots, with brushed points remaining colored while unselected points turn gray. The visualization uses D3 version 3 APIs including `d3.svg.brush()` for the interactive brushing, `d3.scale.linear()` for axes, and coordinates rendered as SVG circles.

TTrista Lee
93% match
Loading thumbnail…

Fork of HW04-Brushable Scatter Plot Matrix

This fork of a brushable scatter plot visualizes the classic Iris dataset, plotting sepal length against petal length for 150 flowers. It uses d3.v4's linear scales and ordinal color scheme to distinguish three species, rendered as SVG circles. A d3.brush interaction lets users drag a rectangular selection to highlight or dim points, updating the display dynamically. The axes and frames are styled via crispEdges for a clean look.

UUtkarshSiddhpura
92% match
Loading thumbnail…

Fork of Brushable scattered plot

A brushable scatter plot matrix of the classic Iris flower dataset, rendered in SVG with D3 v7. The four measured features are paired across all combinations, showing categorical color-coded points for the three species. Brushing a region in any scatter plot filters the data across the entire matrix, updating the diagonal histograms to reflect the selected subset with species-specific stacked colors. The visualization uses `d3.scalePoint`, `d3.scaleLinear`, and `d3.brush` to coordinate interactions.

Nnanegole
91% match
Loading thumbnail…

Fork of Brushable Scatterplot

This fork of a brushable scatterplot presents a matrix of scatterplot cells for exploring the classic Iris flower dataset, using four measured traits (sepal and petal length and width). Each cell compares two traits, with points colored by species (setosa, versicolor, virginica) via a simple color map. Using D3 version 3, the code creates a grid of small multiples, with axes ticked and labeled, and implements linked brushing: dragging a rectangle within any cell highlights corresponding points across all other cells, dimming unselected ones. The brush interactions rely on `d3.svg.brush` and callback events, while data is loaded from a local `iris.csv`.

Pplchao
91% 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
91% 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
91% match