Skip to main content
SimilarExport ZIP
100%

Old Faithful HeatMap 09

✓ Published1🌍 Public
OOleJRask
Last edited Dec 4, 2021
Created on Dec 4, 2021

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.

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…

Old Faithful HeatMap 10

This visualization presents the Old Faithful dataset as a 2D binned heatmap, with four panels showing combinations of the dataset’s numeric columns. A slider dynamically adjusts the maximum number of histogram bins for the x- and y-axes, while color intensity reflects the count of records per bin. Built with Vega-Lite and vega-embed, it uses a repeat operator to generate the grid and a `greens` color scheme for the heatmap. Data is loaded as CSV via d3.csv, and the visualization renders as SVG.

OOleJRask
96% match
Loading thumbnail…

Old Faithful HeatMap 05

This interactive visualization displays the Old Faithful dataset as a grid of binned scatterplots, with rows and columns representing repeated variable pairs. Each cell renders a binned heatmap using Vega-Lite’s rect mark, where color intensity reflects outlier counts. The interface responds to mouse movement, dynamically adjusting the maximum bin count via `d3.csv` loading and `vegaEmbed` re-rendering with updated specifications. The example relies on the Vega-Lite API and D3 v4 to fetch data and handle events.

OOleJRask
95% 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
95% 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
94% match
Loading thumbnail…

Old Faithful HeatMap 07

This visualization displays the Old Faithful dataset as a grid of small multiples, each a binned heatmap that compares one of three eruption duration variables (rows) against one of six waiting time variables (columns). The code uses the Vega-Lite API to construct the repeated chart specifications, with vegaEmbed handling rendering. It computes bin counts from the data and colors rectangles by frequency using a greens scheme, drawing from a remote CSV file.

OOleJRask
93% match
Loading thumbnail…

Old Faithful HeatMap 06

This visualization presents a multi-panel heatmap of the Old Faithful dataset, using a small multiples layout that repeats across six columns and three rows of binned scatterplots. Each panel encodes the count of eruptions and waiting time observations as a green color intensity, with count labels overlaid as text. The code builds the specification programmatically using Vega-Lite 5 and renders it with vega-embed, while loading the CSV data through d3.csv. The repeating structure is generated via Vega-Lite’s repeat operator, and color uses the “greens” scheme with a custom legend offset.

OOleJRask
92% match
Loading thumbnail…

Old Faithful HeatMap A 02

This visualization displays the Old Faithful dataset as a binned 2D heatmap using Vega-Lite. It shows the relationship between eruption durations and waiting times, with each rectangular bin colored by the mean waiting time. The code builds a layered specification including a rect mark for the heatmap and a text mark for mean values. It uses `vegaEmbed` to render the chart, with `d3.tsv` loading the raw data from a Gist. The bin count is configurable via a `bins` parameter, and the color scheme is set to "greens".

OOleJRask
92% match
Loading thumbnail…

Old Faithful HeatMap 01

This example shows the Old Faithful dataset as a 2D heatmap, binning eruption duration versus waiting time and coloring cell counts with a green scheme. It uses Vega-Lite’s specification API to define the chart, with `d3.tsv` loading the data. A mousemove listener updates the chart by re-rendering with new maximum bin counts based on the cursor’s x position. The code leverages `vegaEmbed` to render the visualization as SVG.

OOleJRask
91% match