Old Faithful HeatMap

Old Faithful HeatMap

This visualization presents the Old Faithful eruption dataset as a binned heatmap using Vega-Lite and D3 v4. It displays geyser eruption durations and waiting times on x and y axes, with color intensity representing the count of observations per bin. The heatmap dynamically updates in response to mouse movement, adjusting the bin count based on the cursor’s horizontal position. The code builds a Vega-Lite specification programmatically and renders it via vegaEmbed, while d3.tsv loads the source data from a GitHub gist.

SSagarikaS

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

Old Faithful HeatMap

Eedxiao97

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.

Old Faithful HeatMap

This interactive heatmap visualizes the Old Faithful eruption dataset, showing the relationship between eruption duration and waiting time as a grid of colored bins. The visualization uses Vega-Lite’s rect mark with binned quantitative encodings for both axes and a count aggregate for color intensity, rendered via vega-embed. Moving the mouse dynamically adjusts the number of histogram bins by re-rendering the specification, using D3’s `d3.tsv` to load the remote data and `d3.select` to listen for mousemove events. The color scheme uses a green sequential palette, with the legend positioned to the left.

CCurran Kelleher

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.

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.

94% match

Old Faithful HeatMap A

This interactive heat map visualizes the Old Faithful geyser dataset, showing the relationship between eruption duration and waiting time through a grid of colored rectangles. Using Vega-Lite’s binned aggregation, each cell’s color encodes the mean waiting time for eruptions within that bin, with a greyscale heatmap color scheme. The visualization is rendered as SVG via `vegaEmbed`, with the bin count dynamically adjusted based on mouse X position, triggering a re-render through the `d3.select` mousemove handler. Data is loaded from a TSV file using `d3.tsv`.