Skip to main content
SimilarExport ZIP
100%

Old Faithful HeatMap 07

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

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.

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

Old Faithful HeatMap A 03

This visualization presents the Old Faithful dataset as a binned heatmap, with eruption duration on the x-axis and waiting time on the y-axis, colored by the mean waiting time within each bin using a green color scheme. The code builds the chart through Vega-Lite’s layered API, combining rect marks for the heatmap cells and text marks to label each bin’s average value, while vegaEmbed renders the final SVG. Data is loaded via d3.tsv from the raw GitHub source, and the bin count is fixed at 10 along the horizontal axis.

OOleJRask
95% match
Loading thumbnail…

Old Faithful HeatMap 04

This interactive heatmap visualizes the bivariate distribution of eruption durations and waiting times in the Old Faithful dataset, using a green color scale and rectangular bins. The visualization is built with Vega-Lite, embedded via vega-embed, and loads data asynchronously through d3.tsv. Moving the mouse updates the bin count for both axes, recomputing the entire chart in real time by calling vegaEmbed with new specifications that adjust the maximum number of bins dynamically based on cursor position.

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

Old Faithful HeatMap 03

This interactive heatmap visualizes the Old Faithful dataset, showing the relationship between eruption duration and waiting time through binned rectangular cells colored by count on a green scale. Rendered as SVG via Vega-Lite’s `rect` mark, the visualization updates dynamically as the mouse moves across the page, adjusting the maximum number of bins on the x-axis based on cursor position. The code uses Vega-Embed, Vega-Lite’s API, and d3.tsv for data loading, with the view’s legend offset to the left.

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

Old Faithful HeatMap

This interactive heatmap visualizes the Old Faithful dataset, showing the relationship between eruption duration and waiting time through a binned 2D grid colored by observation count. The chart updates continuously as the mouse moves horizontally, adjusting the maximum number of bins based on the cursor position. Built with Vega-Lite and embedded via `vegaEmbed`, it uses the `rect` mark with binned quantitative encodings for both axes and an aggregated count color encoding with a greens scheme. Data loads from a TSV file using `d3.tsv` from D3 v4.

Eedxiao97
93% match
Loading thumbnail…

Old Faithful HeatMap

This interactive heatmap visualizes the Old Faithful dataset, showing the relationship between eruption duration and waiting time through a binned 2D grid colored by observation count. The chart updates continuously as the mouse moves horizontally, adjusting the maximum number of bins based on the cursor position. Built with Vega-Lite and embedded via `vegaEmbed`, it uses the `rect` mark with binned quantitative encodings for both axes and an aggregated count color encoding with a greens scheme. Data loads from a TSV file using `d3.tsv` from D3 v4.

Eedxiao97
93% match