LINE · MULTI-SERIES
Standard product trend
#line
QA reference surface · 44 deterministic fixtures
Chart laboratory
Every production example and demanding dataset, grouped by renderer. Use this page for exploratory QA, responsive inspection, interaction checks, and visual regression review.
Line & area
Standard, filled, signed, fractional, dense, flat, and frameless line rendering.
LINE · REGION FILL
Gradient multi-series
#line-gradient
ANNOTATION · REGION
Healthy operating range
#line-region
ANNOTATION · MARKER
Target threshold
#line-marker
EDGE · PRECISION
Small fractional values
#fractions
EDGE · ZERO CROSSING
Signed signals
#signed-lines
EDGE · DENSE
Forty-eight categories
#dense-line
EDGE · FLAT + ZERO
Unchanging series
#flat-values
FRAMELESS · LINE
No chart chrome
#spark-line
FRAMELESS · AREA
Filled, no chart chrome
#spark-area
Annotation stress
Fixed annotation placement under deliberate collisions with points, vertical and horizontal bars, dense regions, and long labels.
MIXED · POINTS + BARS
Labels across points and columns
#annotation-collision
BAR · VERTICAL COLLISIONS
Labels across grouped columns
#annotation-bars-vertical
BAR · HORIZONTAL COLLISIONS
Labels across horizontal bars
#annotation-bars-horizontal
ANNOTATION · THREE-ZONE PARTITION
Green, yellow, and red operating zones
#annotation-regions-experimental
Bar
Vertical, horizontal, grouped, stacked, signed, large-value, localized, and frameless bars.
BAR · VERTICAL
Weekly categories
#bar-vertical
BAR · HORIZONTAL
Grouped regions
#bar-horizontal
BAR · STACKED
Stacked workflow
#bar-horizontal-stacked
EDGE · SIGNED
Losses, zero, and gains
#negative-bars
EDGE · LARGE SCALE
Millions and long labels
#large-values
EDGE · LOCALIZATION
Multilingual categories
#absurd-labels
FRAMELESS · BAR
No chart chrome
#spark-bar
Mixed axes
Bar and line series sharing a plot, including signed data and a secondary axis.
MIXED · BAR + LINES
Plan and capacity
#mixed
MIXED · DUAL AXIS
Signed movement
#mixed-signed
XY plots
Coordinate relationships with and without a third magnitude dimension.
SCATTER
Two-dimensional relationship
#scatter
BUBBLE
Relationship with magnitude
#bubble
Radial
Comparison and composition across radar, polar area, pie, donut, and percentage renderers.
RADAR
Multidimensional comparison
#radar
POLAR AREA
Radial magnitude
#polar
PIE
Composition
#pie
DONUT
Composition with center
#donut
PERCENTAGE
Compact allocation
#percentage
Time & calendar
Scheduled intervals and a full year of calendar activity.
TIMESHEET
Overlapping release tasks
#timesheet
HEATMAP
Full-year activity
#heatmap
Background bounds
One example per public chart type. The gray host has no padding, making the exact chart boundary visible.
LINE · BOUNDS
Zero-padding host
#background-line
BAR · BOUNDS
Zero-padding host
#background-bar
MIXED · BOUNDS
Zero-padding host
#background-mixed
SCATTER · BOUNDS
Zero-padding host
#background-scatter
BUBBLE · BOUNDS
Zero-padding host
#background-bubble
RADAR · BOUNDS
Zero-padding host
#background-radar
POLAR AREA · BOUNDS
Zero-padding host
#background-polar-area
PIE · BOUNDS
Zero-padding host
#background-pie
DONUT · BOUNDS
Zero-padding host
#background-donut
PERCENTAGE · BOUNDS
Zero-padding host
#background-percentage
TIMESHEET · BOUNDS
Zero-padding host
#background-timesheet
HEATMAP · BOUNDS
Zero-padding host
#background-heatmap