Fork of Outlier Visualization 3B

100%

Fork of Outlier Visualization 3B

✓ Published0🌍 Public

Last edited Dec 15, 2021

Created on Dec 15, 2021

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.

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

OOleJRask

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

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

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

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

Old Faithful HeatMap 08

This example visualizes the Old Faithful dataset as a 2D heatmap, splitting the data into four facet panels based on two repeated row and column fields. Each panel displays binned counts of eruptions, with color intensity representing frequency, using a green color scheme. The visualization is built with Vega-Lite and Vega-Embed, leveraging the `repeat` operator and a `Maxbins` parameter bound to a slider for interactive bin-width control. Data is loaded from a CSV via D3’s `d3.csv`, and the chart renders as SVG with a transparent view stroke.

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