Module - Ultra Charts

Line & Area

Family base entry: Line & Area, which opens with the Line preset.

Example mark structure:

JSON
{
  "data": [
    { "date": "2026-08-19", "value": 42 },
    { "date": "2026-08-20", "value": 48 },
    { "date": "2026-08-21", "value": 45 }
  ],
  "x": { "type": "utc", "label": "Date" },
  "y": { "grid": true, "label": "Value" },
  "marks": [
    {
      "type": "lineY",
      "options": { "x": "date", "y": "value", "tip": "xy" }
    }
  ]
}

Line

LineChart

Connects ordered values to show a trend, commonly over time.

LineChart.png


Multi-line

Multiline

Compares trends for multiple series over the same domain.

Multiline.png


Labeled Multi-line

LabeledMultiline

Labels series directly on their lines instead of relying only on a legend.

LabeledMultiline.png


Index

Index

Rebases several series to a common starting value to compare relative change.

Index.png


Area

Area

Fills the region below a line to emphasize magnitude or accumulated volume.

Area.png


Area Gradient

AreaGradient

Uses a gradient-filled area for emphasis or additional value encoding.

AreaGradient.png


Difference

Difference

Shades the gap between two series to show which is larger and by how much.

Difference.png


Burndown

Burndown

Tracks remaining work against time, typically for an iteration or project.

Burndown.png



Parallel Coordinates

ParallelCoordinates

Draws one polyline across several variable axes to compare high-dimensional records.

ParallelCoordinates.png



Slope Chart

Slope

Highlights change between two points using the direction and steepness of connecting lines.

Slope.png


Radar Chart

Radar

Compares several quantitative measures on radial axes sharing one origin.

Radar.png


Connected Scatterplot

ConnectedScatterplot

Connects scatter points in sequence to show how two variables evolve together.

ConnectedScatterplot.png


Continuous Histogram

ContinuousHistogram

Displays a smoothed estimate of a continuous distribution.

ContinuousHistogram.png


Overlapping Density

OverlappingDensity

Overlays smoothed distributions for several groups.

OverlappingDensity.png


Proportion Plot

ProportionPlot

Shows how category shares or percentages change across another dimension.

ProportionPlot.png


Ribbon Chart

Ribbon

Connects category values with ribbons to emphasize changing rank or flow.

Ribbon.png


Normalized

Normalized

Normalizes stacked areas to 100% to show changing composition.

Normalized.png


Wiggle Streamgraph

WiggleStreamgraph

Centers stacked areas around a flowing baseline to reduce visual variation.

WiggleStreamgraph.png


Population Pyramid

PopulationPyramid

Compares two population groups back to back across age or another ordered band.

PopulationPyramid.png


Stacked Areas

StackedAreas

Shows both an evolving total and each series' contribution to it.

StackedAreas.png

Horizon

Horizon

Folds and layers time-series bands to compare many series in limited vertical space.

Horizon.png


Ridgeline Plot

Ridgeline

Vertically offsets distributions to compare their shapes across categories.

Ridgeline.png


Line /w Missing Data

LineMissingData

Breaks the line at missing observations so gaps are not presented as continuous data.

LineMissingData.png


Moving Average

MovingAverage

Smooths short-term variation to reveal the longer-term trend.

MovingAverage.png


Bollinger Bands

BollingerBands

Surrounds a moving average with upper and lower volatility bands.

BollingerBands.png


Faceted Area

FacetedArea

Uses small-multiple area charts to compare categories independently.

FacetedArea.png



Last updated: