Outlier Visualization 2E 2

100%

Outlier Visualization 2E 2

✓ Published1🌍 Public

Last edited Dec 16, 2021

Created on Dec 15, 2021

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.

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

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

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

90% match

Loading thumbnail…

Fork of Outlier Visualization 2B

This fork of Outlier Visualization 2B displays a scatter plot matrix of the Auto MPG dataset, repeating 12 columns against 3 rows to reveal pairwise relationships among numerical attributes. Circles are colored red to highlight outliers, with a user-driven brush selection (triggered by control-click) that adjusts the color mapping. The visualization is built with Vega-Lite and the Vega-Lite API, configured with a custom dark theme and interactive pan/zoom via the PanZoom library. Data is loaded as CSV from a Gist, and the tooltip handler is registered for hover details.

OOleJRask

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

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

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

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

84% match