Interactive

Overview

This section covers Interactive functions.

Area

Tool Description
Area Chart Interactive area chart based on Observable Plot’s area-chart gallery example, plotting stock closing price by date with an area fill and overlaid line.
Area Chart with Missing Data Interactive area chart adapted from Observable Plot’s plot-area-chart-missing-data gallery example, showing a weekly closing-price series with missing values at the beginning of the timeline.
Area Chart with Gradient Fill Interactive area chart adapted from Observable Plot’s area-chart-with-gradient example, showing weekly closing prices over time with a gradient-filled area under the series and a line overlay for trend clarity.
Area + Line Custom Mark Interactive area-and-line chart adapted from Observable Plot’s plot-arealiney-custom-mark gallery example, implemented as a custom composite mark that combines a zero baseline rule, an area fill, and a line over weekly closing prices.
Burndown Chart Interactive burndown chart adapted from Observable Plot’s plot-burndown-chart gallery example, showing daily open issues as a stacked area where each issue contributes to every day from creation until close (or the selected burn date).
Difference Chart Interactive difference chart adapted from Observable Plot’s plot-difference-chart gallery example, comparing monthly temperatures between New York and San Francisco and shading the gap between the two series.
Faceted Area Chart Interactive faceted area chart adapted from Observable Plot’s plot-faceted-areas example, showing monthly unemployment trends as small-multiple area panels split by industry.
Horizon Chart of Unemployment by Industry Interactive horizon chart adapted from Observable Plot’s plot-unemployment-horizon-chart gallery example, showing monthly unemployment trends as faceted horizon bands for multiple industries.
Urban Traffic Horizon Bands Interactive horizon chart adapted from Observable Plot’s plot-horizon gallery example, showing hourly vehicles-per-hour patterns as faceted horizon bands across multiple transit routes.
Normalized Stack: Music Revenue Mix Interactive normalized stacked area chart adapted from Observable Plot’s plot-normalized-stack gallery example, showing each format’s share of annual music revenue so every year sums to 100%.
Population Pyramid by Marital Status Interactive population pyramid adapted from Observable Plot’s plot-population-pyramid gallery example, showing mirrored male and female age distributions where male values render on the left and female values on the right.
Proportion Plot Across Workforce Measures Interactive proportion plot adapted from Observable Plot’s plot-proportion-plot gallery example, using stacked flowing areas to show how age-group shares change across four measures: population, labor force, employed, and full-time workers.
Ribbon Chart: U.S. Recorded Music Revenue Interactive ribbon-style stacked area chart adapted from Observable Plot’s plot-ribbon-chart gallery example, showing annual U.S.
Stacked Area Unemployment Trends Interactive stacked area chart adapted from Observable Plot’s plot-stacked-area-chart gallery example, showing monthly unemployment levels by industry as stacked layers over time.
Variable Fill Area Interactive area chart adapted from Observable Plot’s plot-variable-fill-area gallery example, showing weekly closing price over time with area fill intensity mapped to a selected metric.
Wiggle Streamgraph by Stack Offset Interactive streamgraph adapted from Observable Plot’s plot-stack-offset gallery example, using stacked area layers for music-format revenue over time and exposing stack offset behavior directly in the UI.

Bar

Tool Description
Bar and Tick Interactive bar-and-tick chart based on Observable Plot’s bar-and-tick gallery example, using deterministic English letter frequency data with bars and overlaid tick marks on a percent-scaled y-axis.
State Population Change Diverging Bars Interactive diverging horizontal bar chart based on Observable Plot’s state population change example, showing percent change from 2010 to 2019 for seeded U.S.
Diverging Stacked Likert Bars Interactive diverging stacked bar chart based on Observable Plot’s diverging stacked bar gallery example, using deterministic survey responses grouped by question and Likert response category.
Faceted Lollipop by State Interactive faceted lollipop chart based on Observable Plot’s faceted lollipop gallery example, using deterministic state-by-year population rows with state, year, and population columns.
Grouped Bar Chart by State and Age Group Interactive grouped bar chart based on Observable Plot’s grouped bar gallery example, using faceted state panels (fx) and age-group categories on each panel with population on the y-axis.
Olympians Grouped Bar Chart Interactive grouped bar chart based on Observable Plot’s olympians grouped bar gallery example, faceting by sport (fx) and grouping bars by sex on the x-axis.
Horizontal Bar Chart Interactive horizontal bar chart based on Observable Plot’s horizontal bar gallery example, using English letter frequencies on a top-oriented percent axis with grid lines.
Horizontal Bars with a Label Interactive horizontal bar chart based on Observable Plot’s horizontal-bar-with-label gallery example, using deterministic company market-value data in billions.
Horizontal Stacked Bars Interactive horizontal stacked bar chart based on Observable Plot’s horizontal stacked bars gallery example, using deterministic congressional-style records with party, gender, chamber, and region dimensions.
Lollipop Chart Interactive lollipop chart based on Observable Plot’s lollipop gallery example, using deterministic English letter frequency data with Plot.ruleX stems and Plot.dot heads on a percent-scaled y-axis.
Ordinal Time Bar Chart Interactive quarterly bar chart based on Observable Plot’s ordinal bar chart example, using deterministic labor-market style data with quarter, vacancies, and applications columns.
Single Stacked Percentage Bar Interactive single stacked percentage bar based on Observable Plot’s stacked percentages gallery example, using deterministic English letter-frequency data where all segments compose one 100% horizontal bar.
Single Stacked Bar by Olympian Sport Share Interactive single stacked horizontal bar based on Observable Plot’s single stacked bar example, using deterministic olympian sport participation counts converted into share of total athletes.
Stacked Bars by Island and Species Interactive stacked bar chart based on Observable Plot’s stacked bars gallery example, showing deterministic penguin island data with species-specific stacked segments.
Crimean War Stacked Bars by Cause Interactive stacked monthly bar chart based on Observable Plot’s Crimean War barY example, using deterministic long-form data with date, cause, and deaths columns.
Stacked Vertical Histogram Interactive vertical histogram based on Observable Plot’s stacked olympians histogram example, using deterministic athlete records with weight, sex, sport, and athlete name fields.
Stacked Waffles by Weight and Sex Interactive faceted waffle chart based on Observable Plot’s stacked waffles gallery example, using deterministic athlete rows with weight, sex, and sport fields.
Survey Waffle Interactive waffle chart based on Observable Plot’s survey waffle gallery example, using deterministic survey question rows with baseline yes counts from a 120-person survey.
Temporal Bar Chart Interactive temporal bar chart based on Observable Plot’s temporal bar chart example, using deterministic daily weather-style records with date, wind, temperature, and precipitation columns.
Vertical Bar Chart Interactive vertical bar chart inspired by Observable Plot’s vertical bar gallery example, using English letter frequencies on a percent-scaled y-axis with a zero baseline rule.
Vertical Bars with Rotated Labels Interactive vertical bar chart based on Observable Plot’s rotated-label bars gallery example, showing deterministic brand market values with long category names on the x-axis.

Cell

Tool Description
Auto Mark Heatmap Explorer Visualizes deterministic seeded athlete records with weight on the x-axis and height on the y-axis, using color to represent local density as a heatmap.
Auto Mark Heatmap by Weight and Sex Recreates the Observable Plot auto-mark heatmap 2 pattern by plotting athlete weight on the x-axis and sex on the y-axis, with color encoding binned count density.
Calendar Activity Heatmap Recreates the Observable Plot calendar example as a faceted year-by-year calendar heatmap where x is week-of-year and y is weekday, with each cell encoding a deterministic daily activity value.
Correlation Heatmap Explorer Displays a pairwise correlation matrix across six deterministic seeded numeric fields (Demand, Temperature, Humidity, Wind, Solar, Price), with variables shown on both axes and color encoding Pearson correlation from -1 to 1.
Continuous Dimensions Heatmap Recreates the Observable Plot continuous dimensions heatmap style by binning two quantitative dimensions: carat on the x-axis and price on the y-axis.
Seattle Temperature Temporal Heatmap Recreates the Observable Plot Seattle temperature heatmap pattern using a calendar-like grid where day-of-month is on the x-axis and month is on the y-axis.
Simplified Dow Jones Calendar Recreates the Observable Plot Dow Jones simplified calendar by faceting each year into horizontal calendar strips, encoding week-of-year on x and weekday on y with cell color representing daily percentage change in close.
Simpsons IMDb Ratings Heatmap Recreates the Observable Plot Simpsons ratings example as a season-by-episode heatmap with season on the top x-axis, episode index on the y-axis, and cell color encoding IMDb rating.
Sorted Heatmap of Traffic by Hour Shows a heatmap of traffic volume by hour (x-axis) and location (y-axis), where each cell color encodes an aggregated traffic metric.

Contour Density

Tool Description
Blurred Contours Geomagnetic field anomalies over Southern California visualized using Observable Plot’s contour mark with blur interpolation, based on the Plot blurred contours example.
Water Vapor Contour Map Global precipitable water vapor visualized as filled contours on a geographic projection, based on the Observable Plot contours-projection example.
Faceted Density Faceted density contour plot of penguin morphometric measurements, based on the Observable Plot density-faceted example.
Diamond Density (Stroke) Density contour plot of diamonds showing carat vs price relationship, based on the Observable Plot density-stroke example.
Faceted Function Contour A 2×2 grid of contour plots where each cell visualizes fill = fx(x) × fy(y), faceted by combinations of trigonometric (sin, cos) and linear functions.
Filled Contours Volcanic elevation data rendered as filled contour bands, based on the Observable Plot filled contours example.
Function Contour Plot Visualizes mathematical functions as filled contour maps using Observable Plot’s contour mark.
IGRF90 Contours International Geomagnetic Reference Field (1990) total intensity contours over Southern California, based on the Observable Plot IGRF90 contours example.
Olympians Density Density contour plot of Olympic athletes showing height (cm) vs.
One-Dimensional Density Old Faithful geyser data visualized as layered one-dimensional density contours with individual data points, based on the Observable Plot one-dimensional density example.
Point Cloud Density Old Faithful geyser eruption data visualized as a two-layer density estimation over a point cloud, based on the Observable Plot point-cloud-density example.
Stroked Contours Elevation contour lines of the Maunga Whau volcano rendered as stroke-only contours (no fill), based on the Observable Plot stroked contours example.
Walmart Store Density Kernel density estimation of Walmart store locations across the continental United States, based on the Observable Plot walmart-density example.

Delaunay Voronoi

Tool Description
Centroid Voronoi Displays a Voronoi tessellation computed from the centroids of all US counties, using Observable Plot’s centroid transform on GeoJSON county features loaded from the us-atlas CDN.
Delaunay Hull Displays a Delaunay mesh triangulation with convex hulls overlaid, using Palmer Penguins data.
Delaunay Links Displays a Delaunay triangulation link chart using Palmer Penguins data.
Planar vs Spherical Voronoi Compares planar (Euclidean) and spherical (geodesic) Voronoi tessellations of 50 world airports on various map projections.
Voronoi Map Displays a Voronoi tessellation of US state capitals on an azimuthal projection, showing each capital’s nearest-neighbor geographic region.
Voronoi Scatterplot Displays a Voronoi tessellation scatterplot using Palmer Penguins data.
Walmart Store Voronoi Displays a Voronoi mesh of Walmart store locations across the United States on a geographic projection, showing the territory nearest to each store.

Dot

Tool Description
Anscombe’s Quartet Explorer Interactive faceted scatterplot based on Observable Plot’s Anscombe’s quartet example, using Plot.frame, Plot.line, and Plot.dot marks over the canonical quartet dataset.
Beeswarm Dodge of Car Metrics Interactive dodged beeswarm chart inspired by Observable Plot’s cars dodge example, drawing car records as Plot.dotX marks with Plot.dodgeY so overlapping values stack into a readable swarm.
Centroid Dot Explorer Interactive map-style dot chart inspired by Observable Plot’s centroid-dot example, overlaying Plot.geoCentroid and Plot.centroid markers on seeded region polygons in an Albers USA projection.
Diverging Color Scatterplot Interactive scatterplot of yearly global surface temperature anomalies with a diverging BuRd color scale centered around zero.
Dot Heatmap of Athlete Size Interactive dot heatmap based on Observable Plot’s dot-heatmap gallery example, binning athlete weight on the x-axis and height on the y-axis.
Dot-Bin Weight Histogram Interactive dot-bin histogram based on Observable Plot’s dot-bins gallery example, using athlete weight values binned across the x-axis with dot radius proportional to count in each bin.
Dot Sort Bubble Map Interactive bubble map inspired by Observable Plot’s dot-sort gallery example, plotting seeded U.S.
Faceted Dodge Penguins Interactive faceted dodge chart based on Observable Plot’s plot-dodge-penguins example, drawing penguin records as Plot.dot marks with Plot.dodgeX and faceting by species or island.
Olympians Hexbin Heatmap Interactive hexbin heatmap based on Observable Plot’s olympians-hexbin gallery example, aggregating athlete weight on the x-axis and height on the y-axis into hexbin cells.
Ordinal Scatterplot Interactive categorical scatterplot based on Observable Plot’s ordinal-scatterplot gallery example, where bubble size encodes the number of penguin records at each category intersection.
Proportional Symbol Scatterplot Interactive stock-move scatterplot modeled on Observable Plot’s proportional-symbol example, with x-position as daily percent change and y-position as log-scaled daily trading volume.
Quantile-Quantile Plot Interactive QQ plot inspired by Observable Plot’s qq-plot example, comparing two selected sample batches by plotting matched quantiles against each other.
Penguin Measurement Scatterplot Interactive scatterplot of penguin measurements with selectable X and Y numeric fields and adjustable point radius.
Scatterplot with Color Interactive color scatterplot inspired by Observable Plot’s gallery example, plotting penguin measurements with species encoded by color.
Scatterplot with Interactive Tips Interactive athlete scatterplot based on Observable Plot’s interactive tips example, plotting weight on the x-axis and height on the y-axis with sex encoded by color.
Scatterplot with Ordinal Dimension Interactive penguin scatterplot based on Observable Plot’s ordinal-dimension gallery example, plotting a numeric measure on the x-axis against an ordinal category on the y-axis.
Sized Hexbin Heatmap Interactive sized-hexbin chart based on Observable Plot’s hexbin-binWidth gallery example, plotting athlete weight on the x-axis and height on the y-axis.
Stacked Dots by Age and Gender Interactive mirrored stacked-dot chart inspired by Observable Plot’s stacked-dots example, using member age on the x-axis and stacking count above/below zero by gender.
Symbol Channel Scatterplot Interactive penguin scatterplot modeled on Observable Plot’s symbol-channel example, encoding one categorical field by marker symbol and another by color.
Wealth & Health of Nations Interactive bubble scatterplot based on Observable Plot’s wealth-health-nations example, plotting income per person on a logarithmic x-axis against life expectancy on the y-axis.

Geo

Tool Description
US Map — Albers USA Projection An interactive map of the United States using the Albers USA composite projection, inspired by the Observable Plot Albers USA projection example.
Bivariate Choropleth Map An interactive bivariate choropleth map of the United States inspired by the Observable Plot bivariate choropleth example.
US County Choropleth Map An interactive choropleth map of the United States showing county-level data, inspired by the Observable Plot choropleth example.
Earthquake Globe An interactive earthquake globe inspired by the Observable Plot earthquake globe example.
Election Wind Map An interactive election wind map of the United States inspired by the Observable Plot election wind map example.
Floor Plan An interactive architectural floor plan rendered using Plot.geo with an identity projection, inspired by the Observable Plot floor plan example.
GeoTIFF Contours An interactive filled contour visualization of global geographic data fields, inspired by the Observable Plot GeoTIFF contours example.
Hexbin Map An interactive hexbin map of the United States inspired by the Observable Plot hexbin map example.
Store Expansion Map — Small Multiples An interactive small-multiples geographic map inspired by the Observable Plot map small multiples example.
Polar Projection Explorer An interactive azimuthal map projection explorer inspired by the Observable Plot polar projection example.
Shockwave Distance Rings An interactive geographic visualization of concentric distance rings radiating from a geological epicenter, inspired by the Observable Plot shockwave example showing the Hunga Tonga eruption.
US Population Spike Map An interactive spike map of the United States showing county-level population as vertical spikes, inspired by the Observable Plot spike map example.
US State Centroids An interactive map of the United States showing centroid dots at the geographic center of each state, inspired by the Observable Plot state centroids example.
US Counties by First Letter An interactive map of the United States showing county centroids filtered by the starting letter of the county name, inspired by the Observable Plot “V counties” example.
Wind Map An interactive wind vector field visualization inspired by the Observable Plot wind map example.
World Map Projections An interactive world map projection explorer inspired by the Observable Plot world projections example.

Image

Tool Description
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.
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.
Image Dodge Timeline Interactive adaptation of Observable Plot’s image-dodge gallery example, plotting Wikimedia-hosted U.S.
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.
Presidential Favorability Image Scatterplot Interactive adaptation of Observable Plot’s image-scatterplot example, using Plot.image to position Wikimedia-hosted U.S.

Interaction

Tool Description
Color Crosshair An interactive scatterplot demonstrating Observable Plot’s color crosshair feature, inspired by the Plot color crosshair gallery example.
Crosshair Explorer An interactive scatterplot demonstrating Observable Plot’s crosshair mark.
CrosshairX Explorer An interactive line chart demonstrating Observable Plot’s crosshairX mark, inspired by the Plot crosshairX gallery example.
Tips with Additional Channels An interactive scatterplot demonstrating Observable Plot’s channels option for adding extra data fields to tooltips without mapping them to visual encodings, inspired by the Plot tips with additional channels gallery example.
Tips with Longer Text An interactive scatterplot demonstrating Observable Plot’s tip mark with longer, paragraph-length text content, inspired by the Observable Plot tips with longer text gallery example.
Line Chart with Interactive Tip An interactive line chart inspired by the Observable Plot line chart with interactive tip example.
Map & Tips An interactive US map demonstrating Observable Plot’s tip mark with geographic centroid positioning, inspired by the Plot maps tips gallery example.
Multi-Series Line Chart with Interactive Tips An interactive multi-series line chart inspired by the Observable Plot multi-series line chart with interactive tips example.
One-Dimensional Crosshair An interactive one-dimensional distribution chart inspired by the Observable Plot one-dimensional crosshair example.
One-Dimensional Pointing An interactive histogram inspired by the Observable Plot one-dimensional pointing example.
Pointer Modes: X, Y, and XY An interactive line chart demonstrating Observable Plot’s three pointer modes (pointerX, pointerY, and pointer/XY), inspired by the Plot pointer modes gallery example.
Pointer Target Position An interactive stock price line chart demonstrating Observable Plot’s pointer target position concept, inspired by the Plot pointer target position gallery example.
Pointer Transform Explorer An interactive scatterplot demonstrating Observable Plot’s pointer transform, inspired by the Plot pointer transform gallery example.
Static Annotations An interactive line chart with static text annotations, inspired by the Observable Plot static annotations gallery example.
Tip Format An interactive scatterplot demonstrating Observable Plot’s tip format option, inspired by the Plot tip format gallery example.
Tips with Paired Channels An interactive histogram demonstrating Observable Plot’s tip behavior with paired channels (x1/x2 from binX, y1/y2 from stackY), inspired by the Plot tips paired channels gallery example.

Line

Tool Description
Bollinger Band Pulse Interactive Bollinger bands chart modeled after the Observable Plot bollinger-bands gallery example, using deterministic daily close values stored in a bf-backed table.
Connected Scatterplot Explorer Interactive connected scatterplot inspired by the Observable Plot connected-scatterplot example, using deterministic yearly driving-versus-gasoline seed data in a bf-backed table.
Indexed Stock Performance Chart Interactive line chart modeled after the Observable Plot index chart pattern, using deterministic monthly close prices for AAPL, AMZN, GOOG, and IBM in a bf-backed table.
Labeled Multi-Line Stock Chart Interactive multi-series stock close chart inspired by the Observable labeled multi-line example, using deterministic bf seed data for AAPL, AMZN, GOOG, and IBM over monthly dates.
Simple Line Chart Explorer Interactive single-series line chart of stock closing price by date using deterministic seed data in a bf table.
Line Chart Percent Change Explorer Interactive single-series percent-change line chart modeled after the Observable Plot line-chart-percent-change example, using deterministic monthly closing prices in a bf-backed seed table.
Crimean War Line Chart With Markers Interactive multi-series line chart inspired by the Observable line-chart-with-markers example, using deterministic monthly Crimean-war-style deaths data in a bf-backed table with wide cause columns that are pivoted to long-form in-app.
Line Chart With Gaps Explorer Interactive time-series line chart inspired by the Observable line-chart-with-gaps example, using deterministic monthly closing values from 2024 through 2025 stored in a bf-backed seed table.
Sparse Line Aggregation Explorer Interactive line chart inspired by the Observable Plot sparse-line example, using deterministic timestamped observations stored in a bf-backed seed table.
Marey’s Trains Stringline Explorer Interactive stringline chart inspired by the Observable Plot Marey’s trains example, using deterministic bf-backed Caltrain-style seed data with station names, route distance, train identifier, direction, service class (normal, limited, bullet), schedule type (weekday/weekend), and formatted time strings.
Temperature Anomaly Moving Average Explorer Interactive line chart inspired by the Observable Plot moving-average example, using deterministic monthly temperature anomaly values stored in a bf-backed table.
Metro Unemployment Multi-Line Chart Interactive multi-series line chart of monthly unemployment rates using deterministic seed data stored in a bf table.
Non-Temporal Line Chart Explorer Interactive non-temporal line chart modeled after the Observable Plot non-temporal line example, using deterministic stage-profile seed data in a bf-backed table with numeric distance, elevation, and gradient columns.
Phone Feature Radar Chart Interactive radar chart inspired by the Observable Plot radar-chart gallery example, implemented with a polar-style azimuthal projection, concentric guide rings, radial axis links, and closed polygon outlines for each phone model.
Faceted Radar Chart Small Multiples Interactive faceted radar chart inspired by the Observable Plot radar-chart-faceted gallery example, using deterministic bf-backed vehicle profile seed data with six metrics (Price, Efficiency, Performance, Safety, Comfort, and Cargo) normalized per metric and rendered as one radar panel per vehicle.
Random Walk Drift Explorer Interactive random walk line chart inspired by the Observable Plot random-walk example, using deterministic seeded step increments stored in a bf-backed table.
Government Receipts Slope Chart Interactive slope chart inspired by the Observable Plot slope-chart gallery example, using deterministic bf-backed country data for government receipts (% of GDP) at two time points (1970 and 2020).
Cancer Survival Rates Slope Chart Interactive slope-style cancer survival chart inspired by the Observable Plot cancer-survival-rates example, using deterministic bf-backed seed data with four categorical follow-up horizons (5 Year, 10 Year, 15 Year, 20 Year) for multiple cancer types.

Raster

Tool Description
Mandelbrot Set Explorer Interactive fractal visualization of the Mandelbrot set using Observable Plot’s raster mark with a computed fill function.
Projected Raster — Water Vapor Global precipitable water vapor visualization rendered as a projected raster using Observable Plot’s raster mark.
Volcano Raster Topographic heatmap of a volcanic surface rendered with Observable Plot’s raster mark.

Rect

Tool Description
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.
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.
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.
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).
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.

Rule Tick

Tool Description
Population Barcode Chart A barcode-style chart showing US state population distributions by age group, inspired by the Observable Plot barcode example.
Germany Traffic Patterns A sorted-groups tick chart showing hourly vehicle counts at 12 German highway counting stations, inspired by the Observable Plot sorted-groups example.
Band Chart with Rule A temperature band chart showing daily min/max temperature ranges for a full year of synthetic weather data.
Bar & Tick Chart A letter frequency chart combining translucent bars with tick marks to show exact values, inspired by the Observable Plot bar-and-tick example.
Candlestick Chart An OHLC candlestick chart displaying ~65 days of synthetic stock price data.

Text

Tool Description
Hexbin Text for Athlete Height and Weight Interactive adaptation of Observable Plot’s hexbin-text example, plotting seeded athlete body metrics on weight (x) and height (y) axes.
US State Labels Explorer Interactive adaptation of Observable Plot’s plot-state-labels example, showing U.S.
Caltrain Stem-and-Leaf Schedule Interactive adaptation of Observable Plot’s caltrain-schedule example, plotting deterministic Caltrain-like departures as text leaves around an hourly stem.
IPO Text Dodge Timeline Interactive adaptation of Observable Plot’s text-dodge example, plotting seeded IPO events by date and market capitalization.
Text Spiral Explorer Interactive adaptation of Observable Plot’s plot-text-spiral example, plotting seeded spiral coordinates generated from deterministic index-based math.
This Is Just To Say — Interactive Text Layout Interactive adaptation of Observable Plot’s this-is-just-to-say example, rendering William Carlos Williams’s poem lines as Plot.text marks inside a framed chart.
Voronoi Labels for Airport Points Interactive adaptation of Observable Plot’s voronoi-labels example, plotting seeded U.S.

Tree

Tool Description
Cluster Dendrogram A cluster dendrogram of biological taxonomy data (Kingdom → Phylum → Class → Order → Family → Genus → Species) rendered using Observable Plot’s cluster mark.
Indented Tree Diagram An indented tree diagram of a project file system hierarchy rendered using Observable Plot’s tree mark with a custom indented layout.
Tree Tidy Layout A hierarchical tree diagram of the Flare visualization toolkit rendered using Observable Plot’s tree mark with the Reingold–Tilford “tidy” algorithm.