Dot
Overview
This section covers Dot functions.
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. The default view facets horizontally by series (I–IV) so users can compare the four shapes side-by-side even though they share similar summary statistics. Users can switch between all-series faceted mode and a single-series focus view, adjust point radius with a slider, and toggle connecting lines on or off. Hover exploration combines Plot.crosshair and Plot.tip with Plot.pointer to inspect the nearest point’s series and exact x/y values.
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. Users can switch the x-axis metric between weight, MPG, horsepower, acceleration, and cylinders; filter rows by origin (USA, Europe, Japan); and change dodge anchor between middle, top, and bottom. Hover exploration is enabled with both Plot.tip + Plot.pointer and Plot.crosshairX to inspect each car’s name and selected metric value while comparing distribution shape across origins.
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. Users can filter regions by zone, switch centroid display mode between geodesic, planar, or both, adjust centroid point radius, and toggle polygon outlines for cleaner comparison. Hover interaction uses pointer tips with crosshair guidance to inspect each region name, zone, and active centroid method at the nearest marker position.
Diverging Color Scatterplot
Interactive scatterplot of yearly global surface temperature anomalies with a diverging BuRd color scale centered around zero. The chart includes a zero reference line and hover interactions (crosshair and tooltip) to inspect exact anomaly values for each year. Users can adjust the start and end year window, marker radius, and marker opacity to focus on specific periods and visual emphasis.
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 radius and fill encode binned counts so denser height-weight regions stand out, while an optional stroke channel outlines bins by sex to compare grouped distributions. Users can filter by sex, adjust bin thresholds, and tune maximum dot radius; hover exploration combines a crosshair and pointer tooltip to inspect athlete-level values (name, sport, sex, height, and weight).
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. Users can filter records by sex, adjust the number of bins with a threshold slider, and tune the maximum dot radius to control density legibility. Hover interaction uses Plot tip with Plot.pointer to inspect nearby athlete-level details (name, sport, sex, and weight) while the binned dots summarize distribution shape.
Dot Sort Bubble Map
Interactive bubble map inspired by Observable Plot’s dot-sort gallery example, plotting seeded U.S. metro coordinates with bubble radius proportional to population. Users can toggle between default descending-radius drawing order and raw input order to see how sort affects overlap visibility, while also filtering by region. A bubble-scale slider adjusts marker size, and hover exploration uses Plot tip + pointer with a crosshair to inspect metro name, population, coordinates, and sequence order.
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. Users can switch the measurement on the y-axis, filter to female or male records, and change the dodge anchor between middle, top, and bottom to compare stacking behavior. Hover exploration combines Plot.crosshair and Plot.tip with Plot.pointer to inspect species, sex, island, and exact measurement values for nearby points.
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. Cell fill encodes the number of athletes per bin, and users can switch between hexagon, circle, and square symbols, adjust bin thresholds, and choose the color scheme. Hover interaction combines Plot.crosshair with Plot.tip + Plot.pointer to inspect nearest athlete details (name, sport, country, sex, age, height, and weight), and a sex filter focuses the distribution.
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. Users can choose the x-category and y-category dimensions (species, island, or sex), switch the stroke grouping channel, and tune the maximum bubble radius. Hover interaction includes a crosshair and pointer tooltip so users can inspect category values for nearby records while comparing grouped-density patterns.
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. Dot size is proportional to trading volume and color encodes stock symbol so users can compare both movement and participation at once. Users can filter to a single symbol and adjust bubble size scaling and opacity, while hover crosshair and pointer tooltips expose exact date, return, open/close prices, and 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. The chart computes sorted quantiles with interpolation when sample sizes differ, draws an optional diagonal y=x reference line, and shows rank-aware hover details through Plot.crosshair plus Plot.tip with Plot.pointer. Users can choose which seeded batches appear on the X and Y axes, adjust dot radius for readability, and toggle the diagonal line to assess distribution alignment and relative spread.
Penguin Measurement Scatterplot
Interactive scatterplot of penguin measurements with selectable X and Y numeric fields and adjustable point radius. The chart renders with Observable Plot dots and color legends for species/sex groupings so users can compare clusters. Users can switch axes and marker size to inspect different relationships in the seeded penguin dataset.
Scatterplot with Color
Interactive color scatterplot inspired by Observable Plot’s gallery example, plotting penguin measurements with species encoded by color. Users can choose X and Y measurement fields, filter points by species, and adjust point size to focus on overlap and separation. Hover interaction is enabled with Plot tip + pointer to reveal species, island, and exact numeric values for the nearest point.
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. Users can filter points by sport and tune marker size and opacity to focus on different clusters and point density. Hover interaction uses Plot tip + pointer and a crosshair mark to reveal each athlete’s name, sport, sex, age, country, and exact measurement values.
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. Users can switch the numeric x field, change which categorical dimension is shown on the y-axis, and remap stroke grouping between sex, species, and island. Hover interaction combines crosshair and pointer tip to inspect the nearest point with species, sex, island, and exact axis values, and a point-size slider helps tune readability.
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. The chart uses Plot.dot with Plot.hexbin where radius and fill both encode bin counts, so denser neighborhoods appear larger and more intense. Users can filter by sex, adjust the binWidth slider to change hexagon spacing in pixel units, and switch color schemes; hover interaction combines Plot.crosshair and Plot.tip with Plot.pointer for athlete-level inspection.
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. Users can filter the view by chamber, constrain the visible age window with minimum and maximum sliders, and adjust dot radius for readability at different densities. Hover exploration includes pointer tips and a crosshair, showing member identity plus chamber, party-state, and exact age for the nearest point.
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. Users can choose X and Y numeric measurement fields, switch symbol and color channels between species/sex/island, and filter rows to a single species. Hover exploration is enabled with both a crosshair and pointer tooltip, and marker radius can be adjusted to inspect overlap and cluster separation.
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. Bubble size encodes population and color encodes region, while the chart uses a year slider to show each nation’s most recent value at or before the selected year. Users can filter by region and adjust maximum bubble radius; hover interaction combines Plot.crosshair and Plot.tip with Plot.pointer to inspect country, year, income, life expectancy, and population.