Spline Chart
A line chart where data points are connected by smooth, mathematically interpolated curves instead of straight segments — trading angular precision for organic readability.
// 01 — The chart
What it looks like
A spline chart showing monthly average temperatures. The smooth curve through data points suggests a natural, continuous progression.
// 02 — Definition
What is a spline chart?
A spline chart is a type of line chart where data points are connected using smooth, mathematically interpolated curves rather than straight line segments. The term “spline” comes from the flexible strips of wood or metal that draughtsmen historically used to draw smooth curves through fixed points.
The most common interpolation method is the cubic spline, which fits a piecewise cubic polynomial between each pair of adjacent data points. The result is a curve that passes through every data point while maintaining smooth, continuous first and second derivatives.
Spline charts are particularly effective for data that represents naturally continuous phenomena — temperature, pressure, speed, or growth — where the underlying process is inherently smooth rather than jagged.
Key insight: Smoothing is a visual choice, not a mathematical one. The spline curve implies continuity between data points, which may or may not reflect reality. Always consider whether your data genuinely varies smoothly between samples.
// 03 — Anatomy
Parts of a spline chart
// 04 — Usage
When to use it — and when not to
- The underlying phenomenon is naturally smooth and continuous (temperature, altitude, pressure)
- You want to emphasise the overall trend rather than individual data points
- Aesthetics matter and the audience prefers a polished, organic look
- Data points are sparse and the smooth curve helps convey the implied trajectory
- Presenting scientific or sensor data where interpolation is meaningful
- Data changes abruptly — smoothing can hide important spikes or drops
- Precise values between data points matter and you cannot afford implied interpolation
- The data is categorical or ordinal with no meaningful intermediate values
- Smoothing could create misleading peaks or troughs that do not exist in the data
- You need to show exact point-to-point changes — use a standard line chart instead
// 05 — Reading guide
How to read a spline chart
Follow these steps when interpreting a spline chart.
Focus on the data points
The dots on the curve represent actual observed values. These are the only reliable measurements — everything between them is interpolated.
Read the overall trend
Follow the smooth curve from left to right. Is the trend rising, falling, or cyclical? The curve makes the direction easier to perceive than a jagged line.
Be cautious about peaks and valleys
The spline may overshoot or undershoot between data points. A peak in the curve does not necessarily mean the real data reached that value.
Compare multiple series
When multiple spline curves are plotted, compare their shapes and crossover points. Smooth curves make it easier to spot where one series overtakes another.
Check the axis scales
As with any chart, verify the y-axis range and whether it starts at zero. A truncated axis combined with smoothing can exaggerate differences.
// 06 — Data format
What data you need
A spline chart requires a time or sequential column and at least one numeric value column. The data should be ordered along the x-axis. Multiple series can be plotted as separate spline curves.
// 07 — Construction
How to build one
Step 1: Plot your data points on a standard x-y coordinate system with appropriate scales.
Step 2: Choose an interpolation method. Cubic spline is the most common, but cardinal, Catmull-Rom, and B-spline are also used. Each produces a slightly different curve tension.
Step 3: Compute the interpolated curve. For cubic splines, solve the system of equations that ensures continuity of the first and second derivatives at each data point.
Step 4: Render the curve and optionally show data point markers. Add axis labels, a legend for multiple series, and tooltips showing exact values at each data point.
// 08 — Common mistakes
Mistakes to avoid
Implying false precision
The smooth curve between data points is interpolated, not measured. Readers may assume the curve reflects real intermediate values when it does not.
Overshoot artefacts
Cubic splines can overshoot beyond the range of nearby data points, creating phantom peaks or negative values. Use monotone interpolation if values must stay bounded.
Smoothing away important signals
If a sudden spike or drop is meaningful (e.g., a system outage), smoothing can hide it. Show the raw data points alongside the curve.
Using splines for discrete data
If the x-axis represents categories with no meaningful in-between values (e.g., countries, products), a smooth curve is misleading.
// 09 — Real-world examples
Where you’ll see them
Weather and climate dashboards
Temperature, humidity, and wind speed are naturally continuous, making spline curves a natural fit for meteorological visualisations.
Fitness and health apps
Heart rate, weight trends, and sleep patterns are commonly shown as smooth spline curves to emphasise long-term trends over daily fluctuations.
Financial analytics
Moving-average overlays and yield curves are often rendered as splines to highlight the smooth trajectory of interest rates or portfolio performance.
// 10 — Quick reference
Key facts
// 11 — Accessibility
Making it accessible
Ensure data point markers are visible and not just the curve. Use distinct colours and line styles (dashed, dotted) for multiple series so colourblind users can distinguish them. Add an aria-label describing the overall trend and provide a data table alternative for screen reader users.
// 12 — Variations
Common variations
Spline area chart
Fills the area beneath the spline curve, combining the smooth interpolation with area-chart volume encoding.
Multi-series spline
Multiple smooth curves on the same axes, useful for comparing trends across categories or groups.
Monotone spline
A constrained interpolation that prevents the curve from overshooting between data points, preserving monotonicity.
Spline with confidence band
Adds a shaded region around the curve showing uncertainty or a confidence interval.
// 13 — FAQs
Frequently asked questions
What is a spline chart?+
A spline chart is a type of line chart where data points are connected using smooth, mathematically interpolated curves rather than straight line segments. The term "spline" comes from the flexible strips of wood or metal that draughtsmen historically used to draw smooth curves through fixed points.
When should you use a spline chart?+
Use a spline chart when the underlying phenomenon is naturally smooth and continuous (temperature, altitude, pressure). It also works well when you want to emphasise the overall trend rather than individual data points, and when aesthetics matter and the audience prefers a polished, organic look.
When should you avoid a spline chart?+
Avoid a spline chart when data changes abruptly — smoothing can hide important spikes or drops. It is also a poor fit when precise values between data points matter and you cannot afford implied interpolation, or when the data is categorical or ordinal with no meaningful intermediate values.
What data do you need to make a spline chart?+
A spline chart requires a time or sequential column and at least one numeric value column. The data should be ordered along the x-axis. Multiple series can be plotted as separate spline curves.
How is a spline chart different from a line graph?+
Both a spline chart and a line graph can look similar at first glance, but they answer different questions. Reach for a spline chart when the comparisons and patterns it was designed to reveal match what you need to communicate, and choose a line graph when its particular strengths better fit your data and audience.
What is another name for a spline chart?+
Spline Chart is also known as Smooth line chart, curved line chart. The name varies between fields, but the visualisation technique is the same.
What size of dataset works best for a spline chart?+
Spline Chart works best for Naturally continuous data with sparse sampling. Outside that range the chart either looks empty or becomes too cluttered to read clearly.
Are spline charts accessible to screen readers?+
Ensure data point markers are visible and not just the curve. Use distinct colours and line styles (dashed, dotted) for multiple series so colourblind users can distinguish them. Add an aria-label describing the overall trend and provide a data table alternative for screen reader users.