Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Area Chart

Signature

sp.area(title, x_labels=None, series=None, *, variant="basic", series_names=None, palette=None, **kwargs) -> Chart

Aliases: sp.area, sp.area_chart, sp.area_family, sp.area_unified, sp.build_area_chart

Description

sp.area() is the unified entry point for the entire area-chart family. The variant keyword selects the rendering strategy — every other argument keeps the same name across variants. Area charts fill the space between a line and the baseline, making the emphasis on cumulative magnitude rather than the line chart's point-to-point comparison. SeraPlot renders everything in pure Rust SVG with native multi-series overlay, stacking, 100%-normalized stacking, smooth splines, step interpolation and gradient fills.

Variants

Parameters


Returns

Chart — object with .html property and .show() method.


Variant "basic"Aliases basic / overlay / default / simpleReturns Chart

Each series drawn as an independent semi-transparent filled area from its own value down to the baseline - overlapping regions blend visually, useful to compare overlapping magnitudes directly.

Preview
Variant "stacked"Aliases stacked / stackReturns Chart

Series drawn on top of one another so the top boundary tracks the running total - reads both individual contribution and combined magnitude at once.

Preview
Variant "percent"Aliases percent / percent_stacked / normalized / stream100Returns Chart

100%-stacked area - every x position sums to 100%, showing the changing composition (share of total) instead of absolute magnitude.

Preview
Variant "spline"Aliases spline / smooth / curvedReturns Chart

Catmull-Rom smoothed boundary through every point instead of straight segments - a softer, more organic silhouette for trend-focused series.

Preview
Variant "step"Aliases step / stepped / stairsReturns Chart

Step-interpolated boundary - the fill jumps at each data point instead of interpolating, correct for values that hold constant between samples (inventory levels, active counts...).

Preview
Variant "gradient"Aliases gradient / glow / fadeReturns Chart

Smooth spline boundary filled with a vertical gradient fading from the series color to transparent at the baseline - a modern dashboard look.

Preview
Variant "ribbon"Aliases ribbon / outlined / bordered / ggplotReturns Chart

100%-stacked area with bold black borders around every band instead of colored ones - the ggplot2 geom_area look, ideal for many groups (works well beyond two) where the outline is what separates adjacent bands visually.

Preview
Variant "wave"Aliases wave / signed / oscillating / stackplotReturns Chart

True signed stacking - unlike stacked, negative values are never clamped to zero, so oscillating series (sin/cos-like data crossing above and below the baseline) stack correctly on both sides of zero. Matches matplotlib's stackplot() behavior for signed data.

Preview

Signature

sp.area(title, x_labels=None, series=None, *, variant="basic", series_names=None, palette=None, **kwargs) -> Chart

Alias : sp.area, sp.area_chart, sp.area_family, sp.area_unified, sp.build_area_chart

Description

sp.area() est le point d'entrée unifié de toute la famille des graphiques en aires. Le mot-clé variant sélectionne la stratégie de rendu — tous les autres arguments gardent le même nom d'une variante à l'autre. Les graphiques en aires remplissent l'espace entre une courbe et la ligne de base, mettant l'accent sur la magnitude cumulée plutôt que sur la comparaison point à point du graphique en ligne. SeraPlot rend tout en SVG Rust pur, avec superposition multi-séries native, empilement, empilement normalisé à 100%, courbes lissées, interpolation en escalier et remplissages en dégradé.

Variantes

Paramètres


Retour

Chart — objet exposant .html et .show().


Variante "basic"Alias basic / overlay / default / simpleRetour Chart

Chaque série dessinée comme une aire remplie semi-transparente indépendante depuis sa propre valeur jusqu'à la ligne de base - les zones qui se chevauchent se mélangent visuellement, utile pour comparer directement des magnitudes qui se recouvrent.

Aperçu
Variante "stacked"Alias stacked / stackRetour Chart

Séries dessinées les unes sur les autres pour que la frontière supérieure suive le total cumulé - lit à la fois la contribution individuelle et la magnitude combinée.

Aperçu
Variante "percent"Alias percent / percent_stacked / normalized / stream100Retour Chart

Aire empilée à 100% - chaque position x totalise 100%, montrant la composition changeante (part du total) plutôt que la magnitude absolue.

Aperçu
Variante "spline"Alias spline / smooth / curvedRetour Chart

Frontière lissée par Catmull-Rom passant par chaque point au lieu de segments droits - une silhouette plus douce et organique pour les séries orientées tendance.

Aperçu
Variante "step"Alias step / stepped / stairsRetour Chart

Frontière interpolée en escalier - le remplissage saute à chaque point de donnée au lieu d'interpoler, correct pour des valeurs constantes entre échantillons (niveaux de stock, compteurs actifs...).

Aperçu
Variante "gradient"Alias gradient / glow / fadeRetour Chart

Frontière lissée remplie d'un dégradé vertical s'estompant de la couleur de la série vers la transparence à la ligne de base - un look de tableau de bord moderne.

Aperçu
Variante "ribbon"Alias ribbon / outlined / bordered / ggplotRetour Chart

Aire empilée à 100% avec des bordures noires marquées autour de chaque bande au lieu de bordures colorées - le look geom_area de ggplot2, idéal pour de nombreux groupes (fonctionne bien au-delà de deux) où le contour est ce qui sépare visuellement les bandes adjacentes.

Aperçu
Variante "wave"Alias wave / signed / oscillating / stackplotRetour Chart

Empilement signé véritable - contrairement à stacked, les valeurs négatives ne sont jamais ramenées à zéro, si bien que des séries oscillantes (type sinus/cosinus traversant la ligne de base) s'empilent correctement des deux côtés de zéro. Reproduit le comportement de stackplot() de matplotlib pour des données signées.

Aperçu