Old Faithful HeatMap 05

100%

Old Faithful HeatMap 05

✓ Published1🌍 Public

Last edited Dec 3, 2021

Created on Dec 3, 2021

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.

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

95% match

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

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

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

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

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

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

90% match