Dot

A dot mark is the right default for showing a relationship between two numeric columns. Optional r (radius), fill, and stroke channels add a third (or fourth) dimension.

Basic scatter

```plot view=customer_metrics
Plot.dot(data, { x: "deals", y: "revenue" })
```

With size and color

r → radius, fill → segment color. Together they make a four-channel chart.

```plot view=customer_metrics
Plot.dot(data, { x: "deals", y: "revenue", r: "lifetime", fill: "segment", tip: true })
```

With a regression line

```plot view=customer_metrics
{
  marks: [
    Plot.dot(data, { x: "deals", y: "revenue" }),
    Plot.linearRegressionY(data, { x: "deals", y: "revenue", stroke: "tomato" }),
  ]
}
```

Common options

Option	Meaning
x, y	numeric column names
r	column name → dot radius
fill	column name → dot color
stroke	column name → outline color
strokeWidth	outline width in px
fillOpacity	0–1; lower for dense overlapping
symbol	"circle" (default), "square", "triangle", "diamond", "plus", "cross"
tip	true for hover tooltips
Plot.jitter* transforms	for categorical x or y, jitter in pixels

See Observable Plot — dot for the full reference.