Outlier scatter matrix 09

100%

Outlier scatter matrix 09

✓ Published1🌍 Public

Last edited Dec 2, 2021

Created on Dec 2, 2021

This scatter matrix reveals patterns in the Cardiotocography dataset by plotting 12 column attributes against 4 row attributes, with each point colored by its quantitative outlier score. Built with the vega-lite-api and rendered through vega-lite and vega, the visualization repeats a circle mark across rows and columns using vl.repeat(). Panning and zooming is enabled via the panzoom library, only activating with the Alt key. Data loads asynchronously from a CSV using d3.csv, and the appearance is customized through a shared configuration object.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.

MIT Licensed

Similar vizzes

Loading thumbnail…

Outlier scatter matrix 08

This visualization shows a scatter plot matrix of 36 pairwise combinations across 12 columns and 3 rows from a cardio dataset, with points colored by an "Outlier" quantitative field to highlight anomalous observations. Users can select data points by clicking with the Ctrl key held down, which toggles their color to red across all plots via a union resolution selection parameter. The code uses the vega-lite-api library to define the repeat-based matrix, d3.csv for data loading, and panzoom for zooming and panning the entire chart surface.

OOleJRask

89% match

Loading thumbnail…

Outlier scatter matrix 03

This example displays an outlier scatter matrix of cardio data, highlighting relationships among numeric attributes with a dense grid of small multiples. A draggable viewport lets users pan across the rendered scatterplot, shifting an oversized SVG map containing a red circle to explore off-screen portions. The visualization is built with the Vega-Lite API and D3, using d3.csv to load the dataset. The viewport interaction is implemented by manually tracking mouse events with onmousedown, onmousemove, and onmouseup, adjusting the map’s absolute position within a clipped container.

OOleJRask

89% match

Loading thumbnail…

Outlier scatter matrix 07

This scatter plot matrix displays a grid of pairwise comparisons between cardiovascular measurements, with each cell visualizing the relationship between two variables as a tight cluster of small points. The visualization is built using the vega-lite-api, which registers both Vega and Vega-Lite to render the chart, and pulls data from a CSV hosted on GitHub. The design employs a minimal axis configuration with hidden gridlines and tiny labels, and users can select individual points by holding the control key while clicking, highlighting them in red to identify potential outliers across the dataset.

OOleJRask

88% match

Loading thumbnail…

Outlier Visualization 2E

This example displays a scatter plot matrix of 36 pairwise combinations from 12 selected columns of the Cardiology dataset, with each point colored by its outlier status. Built with the Vega-Lite API and rendered using d3.v7, it uses repeated row and column encodings with `vl.markCircle`. A brush parameter allows users to select points via Ctrl-click, while the panzoom library enables zooming and panning on the entire chart.

OOleJRask

87% match

Loading thumbnail…

Outlier scatter matrix 06

This visualization displays a scatter plot matrix of cardio patient data from the UCI Machine Learning Repository, organized as a grid of 21 columns and 2 rows. Each cell plots one variable against another, with points colored by the nominal `Class` field. The visualization uses the vega-lite-api to construct the chart, with panzoom enabled for zooming via the Alt key. Users can select outliers by Ctrl-clicking points, which highlights them in red through the `selectPoint` parameter. The chart is rendered with d3.v7 and vega-lite 5.2.0.

OOleJRask

87% match

Loading thumbnail…

Outlier scatter matrix 04

A scatter plot matrix displays pairwise relationships between four numeric measurements, colored by class, with selectable points that coordinate across all panels. Built with the vega-lite-api, the visualization uses `vl.markCircle` and `vl.repeat` to generate the grid, while `vl.selectPoint().bind('scales')` enables scale-based brushing. Data comes from the UCI Auto MPG dataset loaded via `d3.csv`, rendered through a custom dark-themed `config` for readability, output as an SVG within a full-screen chart container.

OOleJRask

84% match

Loading thumbnail…

Outlier scatter matrix 02

This is a small-multiple scatter plot matrix that compares pairs of numeric columns, labeled "1" and "2", against each other to reveal outliers and clusters in the data. The plot uses color to distinguish classes and drops the legend for a cleaner view. It is built with the vega-lite-api and vega-tooltip, loading CSV data from the UCI Auto MPG dataset. The chart is embedded in a full-screen HTML page, with its size dynamically set to a fraction of the window dimensions.

OOleJRask

84% match

Loading thumbnail…

Outlier scatter matrix 04

This scatterplot matrix visualizes multivariate outliers across 16 pairwise combinations of four numeric variables from the UCI Auto MPG dataset, with points colored by vehicle class. Built with the vega-lite-api wrapper for Vega-Lite, the small multiples repeat rows and columns via `vl.repeat()`, while d3.csv loads the data. The visualization supports pan and zoom through the panzoom library, with interaction requiring the Alt key.

OOleJRask

82% match