Outlier scatter matrix 04

100%

Outlier scatter matrix 04

✓ Published0🌍 Public

Last edited Nov 29, 2021

Created on Nov 27, 2021

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.

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 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

90% 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

89% match

Loading thumbnail…

Outlier scatter matrix 05

This scatter plot matrix visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying pairwise relationships across six numeric attributes. Each cell shows a scatter plot where points are colored by vehicle class, with hover selection highlighting outliers in red. The visualization uses the vega-lite-api to construct a repeated hexagonal grid of plots, combining vega-lite specifications with d3.csv for data loading. Pan and zoom navigation is enabled through the panzoom library, allowing users to explore the matrix in detail while maintaining a small-font, compact design.

OOleJRask

88% match

Loading thumbnail…

Outlier scatter matrix 01

The main scatter plot maps two numeric attributes from the Auto MPG dataset, encoding vehicle class by color. A smaller, navigator-style scatter matrix repeats four variable pairs across rows and columns, using half-transparent circles to reveal outliers. Built with the vega-lite-api, both views configure axes via shared `config` objects and load CSV data asynchronously through d3.csv. The navigator’s tiny label and title fonts make it a compact overview, while the main chart uses larger text for readability.

OOleJRask

87% match

Loading thumbnail…

Outlier scatter matrix 03

This interactive visualization displays a 2x2 scatter plot matrix of paired numeric variables from the Auto MPG dataset, colored by vehicle class. Each cell in the matrix shows a different combination of row and column variables, with points sized at 2 pixels and 50% opacity to reveal overlapping densities. The visualization uses the vega-lite-api library with a repeat specification to generate the grid, while config.js customizes axis appearance and font sizes. Data is loaded via d3.csv from a GitHub Gist, and pan/zoom functionality is enabled through the Panzoom library.

OOleJRask

87% 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

87% match

Loading thumbnail…

Outlier Visualization 1

This visualization uses a scatter plot matrix to reveal outliers in the Auto MPG dataset from the UCI Machine Learning Repository. It pairs a full-size scatter plot of two specific attributes with a 4×4 grid of smaller scatter plots, each comparing different attribute pairs, to expose unusual data points across multiple dimensions. The implementation leverages the vega-lite-api, building the charts via `vl.markCircle` and encoding fields with `fieldQ` and `repeat`, while customizing axis styles through `config` objects. The code fetches data as CSV using `d3.csv` and renders the main chart and navigator grid as SVGs within the browser.

OOleJRask

85% match

Loading thumbnail…

Outlier scatter matrix 10

This visualization displays a scatterplot matrix of 12 columns by 3 rows from the Auto MPG dataset, where each cell is a binned heatmap tinted by the mean outlier indicator. Built with the Vega-Lite API in d3.v7, it uses `markRect` with binning on repeated row and column fields, and colors cells by the average outlier value. The panzoom library enables navigation, though zoom triggers only with the alt key held.

OOleJRask

85% match