Rect
Band Chart with Rule
Displays monthly temperature ranges as vertical rule bands where each mark spans from minimum temperature (y1) to maximum temperature (y2) at a date on the x-axis, matching the Observable Plot band-chart-with-rule pattern and including a horizontal zero-temperature baseline. Users can filter to all years or a specific year, switch between multiple diverging and sequential color schemes for the minimum-temperature stroke encoding, and adjust band stroke width with a slider to emphasize or soften each monthly range. Hover interaction combines a crosshair aligned to the month position and a pointer-driven tooltip that reports date, minimum temperature, maximum temperature, and range, enabling precise comparison of seasonal spread across the selected period.
Binned Box Plot of Diamond Prices
Displays diamond price distributions as box plots grouped into carat bins, following the Observable Plot binned box pattern by applying fx interval binning to the carat field and plotting price on the y-axis. Users can adjust the carat bin interval with a slider to coarsen or refine grouping, filter the chart to all cuts or a specific cut category, and switch the y-axis between linear, square-root, and logarithmic scaling. Hover interaction combines a full crosshair and pointer tooltip to inspect the nearest observation with cut, carat, and price values while comparing distribution spread and medians across bins.
California COVID-19 Disparities Bullet Graph
Displays a faceted bullet-graph style comparison by race and age using two horizontal bars per row: a gray background bar for population share and a colored foreground bar for COVID-19 case share, mirroring the Observable Plot bullet graph gallery composition. Users can switch between viewing all race facets or a single selected race, change the categorical color scheme for the case-share bars, and adjust the x-axis maximum percentage to tighten or expand the comparison scale. Hover interaction combines a pointer-driven tooltip and x-crosshair for the nearest age/race mark, showing race, age band, case percentage, and population percentage so disparity gaps can be inspected precisely.
Candlestick Price Explorer
Displays daily OHLC price movement using the Observable Plot candlestick pattern: one ruleX mark for each session’s low-to-high wick and a second thick ruleX mark for the open-to-close body, colored by direction (down, flat, up). Users can adjust the visible time window with a sessions slider, switch the y-axis between linear and logarithmic scaling, and control candle body thickness with a width slider to tune readability across different price ranges. Hover interaction combines an x-aligned crosshair and a pointer-driven tooltip that reports date, open, high, low, and close values for the nearest session, enabling precise inspection of day-level price action.
County Bounding Boxes Explorer
Displays deterministic county-style geographic bounding rectangles as rect marks projected with Albers USA, following the Observable Plot county boxes pattern of drawing [x1, y1, x2, y2] coordinate bounds. Users can filter the visible set by U.S. region, switch fill encoding between categorical region colors, quantitative bounding-box area shading, or a single neutral fill, and adjust both rectangle border width and fill opacity with sliders. Hover interaction combines a pointer-driven tooltip and crosshair anchored to each rectangle centroid, allowing users to inspect county name, state, region, and computed bounding-box area while exploring map coverage.
Cumulative Histogram Explorer
Displays athlete weight data as a cumulative histogram using Plot rectY with Plot.binX and the cumulative setting, following the Observable Plot cumulative histogram gallery pattern. Users can switch cumulative direction between +1 (counts at or below each weight threshold) and -1 (counts at or above each threshold), and can adjust bin count with a slider to control histogram granularity. Hover interaction combines a pointer-driven tooltip showing athlete, sport, and exact weight with a crosshair aligned to weight on the x-axis, making it easy to inspect local values while comparing cumulative totals.
Cumulative Distribution of Poverty
Displays a cumulative poverty distribution as stacked rectangles using country population on the x-axis and the share of people living below a poverty threshold on the y-axis, matching the Observable Plot rectY + stackX gallery pattern. Users can filter the display by coverage type (National, Aggregate, or both) and change stack ordering by poverty share, population, or country name to compare how ordering influences composition along cumulative population. Hover interaction is enabled with a pointer-driven tooltip that reports country name, coverage type, population, and poverty percentage for the nearest observation, allowing precise inspection while exploring the stacked distribution.
Impact of Vaccines by State and Year
Displays disease case intensity as a state-by-year rectangular timeline, matching the Observable Plot vaccine-impact pattern where each state row is segmented by yearly intervals and colored by cases per 100,000 people. Users can switch diseases to compare pre- and post-vaccine trajectories, and change the color scheme to emphasize different intensity gradients while keeping the same underlying values. The chart includes a vertical rule and text annotation at the vaccine introduction year for the selected disease, plus crosshair and pointer tooltip interactions so users can inspect exact state, year, and case values on hover.
Marimekko Revenue Mix by Market and Segment
Displays a Marimekko chart where each market occupies horizontal width proportional to total revenue, and each segment fills vertical share within that market, following the Observable Plot marimekko rect composition pattern. Users can filter the chart to all regions or a specific region group (Developed, Growth, Emerging), and can reorder markets by descending revenue or alphabetically to compare composition under different layouts. Hover interaction is enabled through a pointer-driven Plot tip that reports market, segment, segment revenue, and market total for the nearest tile, allowing precise inspection of relative contribution.
Normal Histogram Explorer
Displays a histogram of deterministic near-normal sample values using Plot rectY with binning on the x-axis, along with an overlaid normal reference curve derived from the sample mean and standard deviation. Users can interactively change histogram bin count and adjust the visible range in standard-deviation units, allowing quick comparison between coarse and fine binning as well as narrow or wide distribution windows. Hover behavior includes a pointer-driven tooltip and crosshair aligned to sample values so users can inspect local positions in the distribution while comparing bar counts against the smooth normal curve.
Overlapping Histograms
Compares deterministic male and female athlete weight distributions as overlapping histograms using Plot rectY with Plot.binX, closely following the Observable Plot overlapping histogram gallery pattern. Users can adjust the number of bins with a slider to control granularity, and switch overlap mode between multiply-blended overlap and side-by-side inset bars for clearer visual separation. Hover interaction includes a pointer-driven tooltip showing sex and weight for nearby observations, plus a crosshair to inspect x-position alignment across both distributions.
Percentogram Explorer
Displays deterministic numeric observations as a percentogram using Plot rectY with percentile-derived thresholds, so each bin contains an equal share of points while bin widths vary with the data distribution. Users can change the number of percentile buckets with a slider, which recomputes quantile thresholds and redraws density-scaled bars, and can switch the color scheme using a dropdown to alter quantized bucket coloring. Hover interaction combines a pointer tooltip and x-crosshair to inspect nearby values and read exact bin range, count, and density information for detailed distribution analysis.
Pre-binned Histogram Explorer
Displays a pre-binned histogram using Plot rectY with explicit lower and upper bin boundaries (x0/x1) and precomputed frequencies, following the Observable Plot pre-binned histogram gallery pattern. Users can switch histogram mode between raw counts, density per bin width, and a smoothed-count view that applies a three-bin moving average to the original frequencies. The chart also supports linear, square-root, and logarithmic y-axis scaling, while hover interaction combines a pointer-driven tooltip and crosshair for reading exact bin ranges, frequency, and density values.
Crimean War Deaths by Cause
Displays monthly deaths from the Crimean War as stacked rectangular marks with one segment per cause (Disease, Wounds, Other), following the Plot rectY gallery pattern with monthly intervals. Users can filter the visualization to all causes or a single cause, and switch the y-axis scale between linear, square root, and logarithmic to compare high- and low-magnitude periods. Hover behavior includes a pointer-driven tooltip that reports cause, month, and deaths, plus a crosshair aligned to month totals for fast visual reading across the full time series.
Global Warming Stripes
Shows annual temperature anomaly values as contiguous yearly stripes, using one horizontal strip where each year is encoded by a diverging color from cooler to warmer anomalies. Users can change the diverging palette with a color scheme dropdown and adjust the color-domain intensity using a range slider to emphasize either subtle or extreme anomaly differences. Hover interaction combines a crosshair aligned to the selected year and a pointer-driven tooltip that displays the exact year and anomaly value, making year-by-year comparison fast and precise.