`GeomRibbon`

Ribbon geometry: a filled interval between two varying boundaries along a running coordinate. Map x+ymin+ymax (x orientation) or y+xmin+xmax (y orientation). Not a zero-baseline area.

Defaults

geom: ribbon
default stat: identity
default position: identity
params type: RibbonParams

Svelte component

import { GGPlot, GeomRibbon } from "@ggsvelte/svelte";

<GGPlot data={rows} aes={{ x: "x", y: "y" }}>
  <GeomRibbon />
</GGPlot>

JSON layer

{
  "geom": "ribbon"
}

Params

alpha

number

Ribbon fill opacity. Must be between 0 and 1 (inclusive). Default 1.

linewidth

number

Outline stroke width in px when an outline is drawn. Must be greater than 0. Default 1.

outline

"both" | "upper" | "lower" | "full"

Which edges receive an outline stroke: "both" (default — upper and lower), "upper", "lower", or "full" (closed outline of the band). Strokes appear when aes.color / a color constant is set, or when strokePaint is set.

orientation

"x" | "y"

Running-coordinate orientation: "x" (map x + ymin + ymax) or "y" (map y + xmin + xmax). When omitted, inferred from the complete channel contract; set explicitly if both contracts are mapped.

lineend

"butt" | "round" | "square"

SVG stroke-linecap for outlines. Default "butt".

linejoin

"miter" | "round" | "bevel"

SVG stroke-linejoin for outlines. Default "round".

fillPaint

GradientPaint

Within-mark gradient fill paint (not a data scale). Requires a solid fallback.

strokePaint

GradientPaint

Within-mark gradient outline paint (not a data scale). Requires a solid fallback.

glow

GlowSpec

Bounded within-mark glow treatment (not theme decoration).

Allowed stats

identity default
unique

Allowed positions

identity default

Examples

← All geoms · Getting started