Outlier Visualization 1

100%

Outlier Visualization 1

✓ Published0🌍 Public

Last edited Dec 16, 2021

Created on Dec 16, 2021

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.

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 Visualization 2E 3

This visualization presents a scatter plot matrix of the Auto MPG dataset, with each cell pairing a row attribute (1–4) against a column attribute (5–8). Circle marks are colored by an "Outlier" quantitative field, with brushed selections highlighting outliers in dark while unselected points appear light grey. Built with the vega-lite-api, it uses a repeated chart layout with interval selection parameters for brushing and panzoom for navigation. Data is loaded via d3.csv from a GitHub-hosted CSV file.

OOleJRask

92% match

Loading thumbnail…

Outlier Visualization 2

This visualization presents a scatter plot matrix of repeated pairwise comparisons across multiple numeric attributes from the Auto MPG dataset, highlighting outliers in red through an interactive selection mechanism. The view uses the vega-lite-api to construct a faceted grid of small multiples, with each cell mapping column and row fields to positional axes. Users can pan and zoom the entire canvas using the panzoom library, while ctrl-clicking data points toggles their selection across all plots. The compact design, with tiny axes labels and minimal gridlines, prioritizes visual density over readability.

OOleJRask

90% match

Loading thumbnail…

Outlier Visualization 2E 2

This visualization uses the Auto MPG dataset to explore outliers across 20 numeric attributes through a large scatter plot matrix, with each cell showing the relationship between two attributes. Users can brush to select a region, which highlights points identified as outliers in orange while dimming others to light gray. Built with Vega-Lite API and D3 v7, it repeats the same circle mark across rows and columns, applies a selection interval for brushing, and includes pan/zoom functionality via the panzoom library.

OOleJRask

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

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

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

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

86% match