Fork of Fork of Outlier Visualization 2B

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.

84% match

Fork of Outlier Visualization 3

This visualization presents a 2D heatmap of the Old Faithful dataset, using a repeating grid of binned scatterplots for each pair of variables to reveal outliers. The interface includes a slider to adjust the maximum number of bins and an interval brush for selection, which highlights counts in green while unselected areas appear grey. The implementation loads data via `d3.csv` and renders the Vega-Lite specification with `vegaEmbed`, leveraging the vega-lite API and D3 v4 for interaction.

82% match

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.

80% match

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.

Fork of Fork of Outlier Visualization 3

This visualization presents four binned heatmaps of the Old Faithful dataset, arranged as a 2×2 grid using Vega-Lite’s repeat operator over four quantitative fields. Each cell’s color encodes the count of observations, with an interactive brush parameter that highlights highlighted regions in green while dimming unselected bins to grey. The code builds the specification programmatically via the vega-lite API, embeds it with vega-embed, and fetches CSV data using d3.csv. A slider adjusts the maximum bin count for the x-axis, re-rendering the heatmaps dynamically.

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.

Fork of Outlier Visualization 3B

This visualization presents a 2D heatmap of the Old Faithful Dataset, using Vega-Lite’s binned rectangle marks to show the distribution of eruptions across four repeated dimensions (rows and columns labeled "1" and "2"). It layers two heatmap specs—one for overall counts and one filtered by a user-driven interval brush—with an outlier field controlling conditional coloring. The code uses vegaEmbed, vega-lite, and d3.csv to load data from a remote CSV, configures a green heatmap color scheme, and places the legend offset left.

Outlier Visualization 3F

This visualization presents a 2x2 matrix of heatmaps for the Old Faithful dataset, showing binned counts of four quantitative variables (1, 2, 3, 4), with color encoding the mean outlier value per bin. An interactive brush parameter allows selecting intervals across plots to conditionally highlight outlier means in green, while unselected bins appear grey. Built with Vega-Lite 5.2, Vega 5.21, and Vega-Embed 6.20, the visualization uses a repeated specification with `bin: {maxbins: 30}` for x-axes, `bin: {maxbins: 20}` for y-axes, and a `greens` heatmap color scheme, rendering as SVG within a D3.v4 environment. Data loads via `d3.csv` from a cardio-outlier dataset URL.