Skip to main content
SimilarExport ZIP
100%

Fork of Brushable scattered plot

✓ Published0🌍 Public
Nnanegole
Last edited Oct 16, 2023
Created on Oct 16, 2023

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of 1006

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.

Eeyxxr1260@gmail.com
91% 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
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
90% 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
90% match
Loading thumbnail…

Brushable scattered plot

This visualization presents a brushable scatter plot matrix of the classic Iris dataset, showing pairwise relationships between four floral measurements across 150 flowers. Users can brush points in any scatter plot pane to highlight selections, which are then reflected in all other panels and as color-coded, stacked histograms along the diagonal. The chart is built with D3 v7, using `d3.brush` for interactive selection, `d3.scalePoint` for panel positioning, and SVG elements for all rendering. Each flower is colored by its species using an ordinal scale, with unselected points rendered in black.

Sstanley.shen2003@gmail.com
90% 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
90% 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
90% match
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
90% match