Line
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. The chart overlays a rolling Bollinger envelope from Plot.bollingerY with the close line and optional close markers, plus hover exploration via a crosshair and pointer tooltip showing the date and close value. Users can adjust the lookback window size, band width multiplier, and band fill opacity, and toggle close markers to see how volatility envelopes expand or contract with different settings.
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. The chart draws a connected Plot.line path in miles-vs-price space, includes year text labels at configurable intervals, and supports hover inspection through a crosshair plus pointer tooltip showing year, miles driven, and gas price. Users can switch line interpolation curve style, adjust the spacing of year labels with a slider, and toggle point markers to compare the temporal path shape with immediate chart updates.
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. Each series is rebased to a selected baseline month so values are shown as relative index ratios, with a percent-change y-axis and a baseline reference rule at 1.0. Users can choose the baseline month, focus on a single symbol or all symbols, switch between log and linear y scales, and adjust line width. Hover exploration is supported with a crosshair and pointer tooltip that shows symbol, date, indexed change, close price, and baseline price.
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. The chart combines grouped lineY marks with end-of-line labels via Plot.text(..., Plot.selectLast(...)), plus y-gridlines and a zero baseline for readability. Users can explore values with a hover crosshair and pointer tooltip, filter to a specific symbol or keep all series visible, adjust the displayed time window, and tune line width with immediate plot updates.
Simple Line Chart Explorer
Interactive single-series line chart of stock closing price by date using deterministic seed data in a bf table. The chart uses a line mark with point markers and includes hover exploration via crosshair and pointer tooltip. Users can change the visible date range (all points, last 12, or last 6) and adjust line width with a slider, with immediate chart updates for exploratory analysis.
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. The line is rebased with Plot.normalizeY to a selectable baseline date and rendered with a baseline reference rule at 1.0 plus a vertical guide on the selected basis. Users can change the baseline month, switch between log and linear y-scale, and adjust line width with a slider. Hover inspection is enabled with a crosshair and pointer tooltip showing date, close value, and percent change from the basis.
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. The chart uses a zero baseline rule and colored lineY series with markers, with additional dot marks for adjustable marker emphasis, plus built-in hover exploration via crosshair and pointer tooltip showing cause, month, and deaths. Users can filter the chart to a single cause (Disease, Wounds, or Other) or view all causes, and can adjust both line width and marker size with sliders for immediate visual comparison.
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. The chart overlays a faint complete reference line with a primary lineY series that injects NaN values for selected months, creating visible breaks where data is missing. Users can switch among no gaps, a first-quarter gap (Jan–Mar), or a summer gap (Jun–Aug), and adjust line width with a slider. Hover exploration is enabled with a crosshair and pointer tooltip, allowing users to inspect exact date and value for visible points.
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. The chart aggregates sparse events into day- or week-based bins and overlays a line on a light interval background to show how reduction behaves when observations are irregularly spaced. Users can switch reduction between mean and count, change interval granularity, choose whether to include empty bins, and adjust line width. Hover exploration is provided by a crosshair and pointer tooltip with per-bin values.
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. The chart recreates the core composition with vertical station guide rules, rotated station labels, train run lines colored by service class, and a reversed time axis transformed from clock labels, while preserving data exploration via Plot crosshair and pointer tooltip showing train, direction, station, and service details. Users can switch weekday versus weekend schedules, filter direction (all/southbound/northbound), adjust marker size, and tune chart height to inspect overtakes and spacing patterns across dense rail schedules.
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. The chart combines colored dot marks for monthly anomalies with a rolling-average line and a zero baseline rule, plus hover inspection through a crosshair and pointer tooltip showing month and anomaly. Users can adjust the moving-average window size, switch the color scheme used for anomalies, toggle dot visibility, and tune the rolling line width to explore how smoothing highlights longer-term trends.
Metro Unemployment Multi-Line Chart
Interactive multi-series line chart of monthly unemployment rates using deterministic seed data stored in a bf table. The chart mirrors the Observable multiple-line pattern with lines grouped by division (z/color), a zero baseline rule, y-axis gridlines, and hover exploration through a chart crosshair plus pointer tooltip showing division, date, and rate. Users can filter to a specific division or view all divisions and adjust line width via slider, with immediate re-rendering.
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. The chart uses a lineY mark over distance and supports hover exploration with a crosshair and pointer tooltip, while optionally displaying a zero baseline rule for reference. Users can switch the y-axis between elevation and gradient metrics, adjust line width with a slider, and toggle the baseline on or off with immediate chart re-rendering.
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. The app uses deterministic bf seed data for five phone models across six metrics (Camera, Display, Performance, Battery, Design, and Value), rendering both filled radar areas and per-metric point markers with a color legend. Hover exploration is enabled using a crosshair and pointer tooltip so users can inspect model/metric score values, while controls allow filtering to a single model or all models and adjusting polygon fill opacity for clearer overlap comparison.
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. The chart uses azimuthal projection, concentric guide rings, radial metric spokes, closed radar polygons, and point marks, with hover inspection via a pointer tooltip that shows vehicle, metric value, and normalized percentage. Users can filter vehicles by segment, adjust the number of radar rings, and change facet column count to reorganize the small-multiples layout for side-by-side comparison.
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. The chart renders the walk as a line with point markers, overlays a rolling-average trend line, and includes hover exploration through a Plot crosshair and pointer tooltip showing step and displacement values. Users can adjust how many steps are visible, change the smoothing window for the rolling average, switch line colors, and toggle the zero baseline rule for immediate comparison of short-term noise versus drift.
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). The chart draws one line per country between the two years, places endpoint labels on both sides, colors lines by direction of change (increase vs decrease), and includes built-in hover exploration with crosshair and pointer tooltip. Users can filter to increasing, decreasing, or all countries, adjust a Top-N slider to limit the countries shown by absolute change, and tune line width for readability while comparing ranked shifts across countries.
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. The chart draws one line per cancer type across the four horizons, places endpoint labels, and supports value exploration with built-in Plot crosshair and pointer tooltip showing cancer name, horizon survival, and total drop between 5-year and 20-year rates. Users can filter to higher/mid/lower long-term survival groups, adjust a Top-N slider to limit how many cancer types are displayed, switch label density (endpoints/all/none), and tune line width for readability while comparing long-horizon decline patterns.