Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Outlier Visualization 3

✓ Published0🌍 Public
OOleJRask
Last edited Dec 15, 2021
Created on Dec 15, 2021

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.

AI-generated description

A visualization of the Old Faithful Dataset as a 2D HeatMap visualization using Vega-Lite.

Draws from Vega-Lite Example: Table Binned heatmap.

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

OOleJRask
94% match
Loading thumbnail…

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.

OOleJRask
93% match
Loading thumbnail…

Outlier Visualization 3

This visualization uses the Old Faithful dataset to display a 2×2 matrix of binned heatmaps, comparing each pair of quantitative variables. Each cell counts data points within bin ranges, with a color scale from greens indicating density and grey marking outliers excluded by an interactive interval selection brush. The view includes a slider adjusting the maximum bin count, ranging from 2 to 50. Built with Vega-Lite 5.2.0 through the vegaEmbed API, it loads CSV data via D3.js 4.11, layering a repeat specification over four quantitative field combinations.

OOleJRask
89% match
Loading thumbnail…

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.

OOleJRask
89% match
Loading thumbnail…

Outlier Visualization 3B

This example visualizes the Old Faithful dataset as a 2D heatmap using Vega-Lite’s faceting, repeating columns and rows for each binned variable pair. It includes a brush interval parameter that filters a second layer of counts, highlighting only the brushed region’s outliers in a green scale, while unselected bins remain grey. The code uses vegaEmbed, vega-lite, and d3.csv to load the remote cardio_out.csv, with a MaxBins slider controlling histogram resolution.

OOleJRask
88% match
Loading thumbnail…

Old Faithful HeatMap 09

This visualization displays the Old Faithful dataset as a binned heatmap, using a 2x2 grid of repeated charts to explore relationships between four quantitative variables. Each cell shows the count of data points within binned ranges, colored on a green scale. The code uses Vega-Lite’s `repeat` operator and `bin` encodings, with an interactive slider controlling the `Maxbins` parameter. Data is loaded from a CSV via `d3.csv`, and rendering is handled by `vegaEmbed` with Vega-Lite specifications.

OOleJRask
87% match
Loading thumbnail…

Old Faithful HeatMap 15

This visualization presents the Old Faithful dataset as a 2D heatmap, using a 2x2 faceted grid to display four combinations of the dataset’s two quantitative variables. A slider allows interactive adjustment of the bin count for the x-axis, with the y-axis bin count scaling proportionally. Built with Vega-Lite and embedded via vegaEmbed, it uses the “greens” color scheme and a left-oriented legend to represent aggregated counts of the “outlier” field. The data is loaded remotely as CSV using d3.csv.

OOleJRask
87% match
Loading thumbnail…

Outlier Visualization 3C

This visualization displays the Old Faithful dataset as a 2D heatmap using Vega-Lite’s binned rect marks, with a repeat operator to create a faceted grid of four plots comparing eruptions and waiting times. Users adjust bin counts via a MaxBins slider and brush a selection region to highlight outlier counts in green, while filtered bins render as grey. The tool uses d3.csv to load data, vegaEmbed to render the layered specification, and conditional color encodings tied to a brush parameter to reveal counts.

OOleJRask
86% match