Stepped Line Chart

A line chart drawn with right-angled steps instead of diagonals, so values hold flat between samples and jump only at known measurement points. Built with Chart.js by setting stepped: true on the dataset. Ideal for visualizing piecewise-constant signals — pricing tiers over time,

Template details

  • chart
  • line
  • stepped
  • discrete
  • chartjs

When to use this template

This visualization makes immediately obvious when a value changes and how long it remains constant. Analysts reach for it to accurately track metrics that update discretely, ensuring that no misleading interpolations are made between known observation points. It clearly highlights the exact timing and duration of each distinct state or value.

  • Time-series data with values constant between discrete updates.
  • Datasets tracking state or status changes over time.
  • Metrics where interpolation between observations is inappropriate.
  • Single or few series of numerical or categorical values.
  • Data with explicit timestamps for each value transition.
  • Piecewise-constant functions evolving along a time axis.

Browse all Koan templates