Image
Background Image Scatterplot
Interactive scatterplot inspired by Observable Plot’s background-image gallery example, plotting penguin culmen length (x) and culmen depth (y) on top of a selectable Wikimedia-hosted background image. Users can switch the background between Apollo 17 Earth and Fronalpstock panorama imagery, filter points by species, and adjust point size and point opacity for readability against different backgrounds. Hover interaction combines Plot.tip with Plot.pointer and Plot.crosshair so users can inspect exact species, island, and measurement values for the nearest point while exploring the overlaid chart.
Default Image Scatterplot
Interactive adaptation of Observable Plot’s plot-image-scatterplot-2 gallery example, using Plot.image to map Wikimedia-hosted presidential portraits across total favorable (x) and total unfavorable (y) opinion percentages. Seed data includes twelve presidents with deterministic favorability components and Wikipedia reference URLs, stored through bf.createTable for immediate preview and Excel runtime compatibility. Users can filter by party grouping, tune portrait size, and adjust image opacity to explore overlap and readability. Hover interaction combines Plot.tip with Plot.pointer and Plot.crosshair to inspect each president’s detailed favorability split while moving through the scatterplot.
Image Dodge Timeline
Interactive adaptation of Observable Plot’s image-dodge gallery example, plotting Wikimedia-hosted U.S. presidential portrait images against first inauguration dates on a time axis. The chart uses Plot.image with Plot.dodgeY to avoid overlaps and includes hover exploration via Plot.tip with Plot.pointerX plus Plot.crosshairX for precise date inspection. Users can filter portraits by party and adjust both portrait radius and dodge spacing to control density and readability while comparing portrait placement across time.
Olympic Medal Image Plot
Interactive adaptation of the Observable Plot image-medals example pattern, using Plot.image to place Wikimedia-hosted country flag images on a time-versus-medal chart. Seeded Olympic medal data covers five countries across 2016, 2021, and 2024, with one row per country-year and numeric fields for gold, silver, bronze, and total medals. Users can switch the plotted metric (total, gold, silver, bronze), filter to a single country, and adjust flag image radius to tune readability and overlap in the chart area. Hover exploration combines Plot.tip with Plot.pointerX and Plot.crosshairX so users can inspect exact country/year medal values while moving across the timeline.
Presidential Favorability Image Scatterplot
Interactive adaptation of Observable Plot’s image-scatterplot example, using Plot.image to position Wikimedia-hosted U.S. presidential image assets by first inauguration date on the x-axis and favorability metrics on the y-axis. Seed data includes ten presidents with very favorable, somewhat favorable, somewhat unfavorable, and very unfavorable percentages plus a Wikipedia source URL for each record. Users can change the plotted y metric (net favorability, total favorable, total unfavorable), filter records by party grouping, and adjust portrait image size for readability. Hover exploration combines Plot.tip with Plot.pointer and Plot.crosshair so users can inspect each president’s full favorability breakdown while moving across the chart.