LOESS

100%

✓ Published0🌍 Public

Last edited Dec 2, 2015

Created on Dec 2, 2015

This visualization uses a LOESS curve to compare the distribution of waiting times between eruptions of the Old Faithful geyser against a kernel density estimate. The chart displays a histogram of the dataset in steelblue, while multiple smoothed lines, each colored black, are overlaid to represent varying bandwidths in the kernel density estimation. The x-axis spans the range of waiting times (30 to 110), and the y-axis represents probability density. The visualization, rendered in SVG with D3 and science.js, demonstrates how different bandwidths affect the smoothness of the density estimate relative to the binned data.

AI-generated description

This is a copy of work done by Jason Davies that demonstrates use of science.js. It is posted here simply so it can be studied. The original example code can be found at science.js/examples/kde. Slight modifications were made so it displays well on bl.ocks.org.

<div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.php?uid=1984931&f=16777215&b=0" border="0" height="18" width="83" alt="web counter"></a></div>

Similar vizzes

Loading thumbnail…

Kernel Density Estimation

This example visualizes the distribution of wait times between eruptions of the Old Faithful geyser, comparing a histogram of 272 observations from R’s `faithful` dataset with a smooth kernel density estimate. The density curve, computed using an Epanechnikov kernel with a bandwidth of 7, reveals the bimodal nature of the data, with peaks around 55 and 80 minutes. The visualization uses d3.histogram for binning, d3.line with curveBasis for the density path, and d3.axisBottom and d3.axisLeft for the axes, rendering in SVG.

Mmbostock

82% match

Loading thumbnail…

Old Faithful Contour Plot B

This visualization displays the Old Faithful geyser dataset as a smooth contour plot, with eruption time on the x-axis and waiting time on the y-axis. The code uses d3.contourDensity to compute density contours from the data, then renders them as filled SVG paths via d3.geoPath, with a sequential color scale from d3-scale-chromatic using interpolateGreens. Interactive bandwidth adjustment occurs on mousemove, altering the contour smoothing level dynamically. Axes are drawn using d3.axisBottom and d3.axisLeft, with data loaded via d3.tsv from a GitHub gist.

OOleJRask

78% match

Loading thumbnail…

Density Contours

This example visualizes the density of the Old Faithful geyser dataset, showing the relationship between eruption duration and waiting time. It displays smooth contour lines that represent the estimated probability density of the data points, overlaid on a scatterplot of individual measurements. Built with D3 v4, the code uses `d3.contourDensity` to generate the contours and `d3.geoPath` to render them as SVG paths. The data is loaded from a TSV file, with axes labeled for idle and erupting minutes.

Mmbostock

77% match

Loading thumbnail…

Old Faithful Contour Plot B - 2

This visualization shows the relationship between eruption time and waiting time for the Old Faithful geyser dataset, using density contours to highlight areas of high data concentration. The contours are computed with `d3.contourDensity` and rendered as SVG paths via `d3.geoPath`, with colors mapped through `d3.scaleSequential` and `d3.interpolateGreens`. The axes are drawn with `d3.axisBottom` and `d3.axisLeft`, and the contour bandwidth updates interactively based on mouse movement across the page, demonstrating dynamic resmoothing of the density estimate.

OOleJRask

77% match

Loading thumbnail…

Old Faithful Contour Plot

This contour plot visualizes the Old Faithful dataset, showing the density of eruptions against waiting times as a smooth gradient of green-filled polygons. The code uses d3-contour’s `d3.contourDensity` to compute density estimates from the scatter data, and d3-scale-chromatic’s `interpolateGreens` for the sequential color scale. SVG rendering via D3 v4 draws the contours with `d3.geoPath`. An interactive mouse move adjusts the bandwidth of the density estimation from zero to forty, updating the plot in real time.

CCurran Kelleher

77% match

Loading thumbnail…

Old Faithful Scatter Plot

This scatter plot visualizes the Old Faithful dataset, showing the relationship between eruption time and waiting time. The visualization uses overlapping semi-transparent green circles to convey data density, with larger circles at lower opacity revealing concentrated clusters. Built with D3 v4, the code loads tab-separated data via `d3.tsv` and renders SVG circles with dynamically adjusted radii. The interactive component responds to mouse movement on the page, recalculating the circle radius based on cursor position to explore different density levels. Axes are styled with custom tick marks and labels using D3's axis components.

CCurran Kelleher

76% match

Loading thumbnail…

Old Faithful Dataset

This example visualizes the Old Faithful geyser dataset, plotting eruption duration against waiting time to reveal a clear bimodal clustering pattern. The code uses D3.js to render a scatterplot, with `d3.scaleLinear` mapping the data to pixel coordinates and `d3.axisBottom` and `d3.axisLeft` generating the axes. Each point is drawn as a circle using SVG elements. The data is loaded from a TSV file via `d3.tsv`, containing 272 observations of eruption lengths in minutes and subsequent waiting times. The visualization highlights the two distinct groups of short and long eruptions.

CCurran Kelleher

75% match

Loading thumbnail…

Fork of Old Faithful Contour Plot

This visualization shows the Old Faithful dataset as a contour plot, with eruption time on the x-axis and waiting time on the y-axis. The density of data points is represented through filled contour regions using a sequential green color scale. The code uses d3-contour’s `contourDensity` to compute the contours, and `d3.geoPath` to render them as SVG paths. Axes are drawn with d3.axisBottom and d3.axisLeft, and moving the mouse dynamically updates the bandwidth of the density estimation, recomputing the contours in real time.

CCristina Macaraig

75% match