group

Partitions data by a field and wraps each partition's mark in a frame. Useful when you want a per-group enclosure that you can then style or reference, without imposing any spread/stack layout.

Signature

group({ by });

Parameters

Partition rows by by into a flat Frame (no layout beyond grouping).

Option	Type	Default	Description
by	string | FieldAccessor		Required. Field to group rows by; also accepts a field(...) accessor carrying domain ops (sort/reverse/bin).

Example

// One frame per species, with the per-species mark inside.
.flow(group({ by: "species" }))
.mark(ribbon({ opacity: 0.7 }))

For the simple case — one ribbon or stream band per group, re-partitioning the marks a chart already drew — reach for a bare .layer(ribbon(...)) instead, with no by at all: a ribbon or line fused over a chart's own flow splits at the flow's own grouping by default (see ribbon's Default grouping). group() is for nested splits (composing with a connector's own by, or an explicit by override) and for operator pipelines generally — anywhere you need a named per-partition frame without a connector mark driving the partitioning. group's own by reads refs when it runs after a selectAll, and a ref is read through its rows, so the bare field name works — by: "species":

chart(selectAll("bars"))
  .flow(group({ by: "species" }))
  .mark(ribbon({ opacity: 0.8 }));

On a ref, a field resolves to a scalar only when every row in the ref's bag agrees on that field (homogeneity collapse); otherwise it is undefined. See spread → path-aware by for the full explanation.

For most cases you'll want spread or stack instead — they group and lay out. Reach for group when you need named per-partition frames (e.g. for selectAll or constraints) but don't want the children placed.