Skip to main content
This site and Lume package is currently under development and may not be stable.

Ridgeline chart

Multiple series shown as a ridgeline chart/Joyplot.

This type of chart is sometimes known as a Joyplot after a version, showing pulses from the pulsar CP 1919 in the Cambridge Encyclopaedia of Astronomy, was featured on the cover of Joy Division's Unknown Pleasures album. They work well when there is a clear pattern to observe but they can also hide data where overlaps take place.

Usage

To use this component in a Nunjucks template you would add the following (assumes you've loaded OI Lume Viz into componentNamespace: 'oi'):

{% comp 'oi.chart.ridgeline', { "config": config } %}{% endcomp %}

where config is replaced by an object that contains some or all of these variables:

  • data - Either a reference to a CSV file in the Lume site or an array of rows with named attributes
  • columns - As with many of the visualisation types you can optionally add virtual columns.
  • colours - Define some visualisation-specific named colours.
  • width - Set a specific width for the visualisation.
  • height - Set a specific height for the visualisation.
  • axis - Define the x (horizontal) axis.
  • legend - Define the legend.
  • series - An ordered array of series. Each one is of the form:
    • title - The display name of the series.
    • x - The title of the column to use for the horizontal axis value.
    • y - The title of the column to use for the vertical axis value.
    • colour - The hex code to use to colour this series.
    • tooltip - Either a string, template string, or the column heading to use to build a tooltip.
    • fill - The hex code to use as a fill colour. Could also reference a gradient using e.g. url(#gradientName).
    • fillOpacity - (0-1) The value to use for the opacity of the fill. Default 0.8.
    • line - Properties of the series line:
      • stroke-width - The stroke-width.
  • gradient - Define some gradients:
    • name - The name of the gradient that we will use elsewhere.
    • stops - A list of colour stops e.g. #053061 0%, #2166ac 10%, #4393c3 20%, #92c5de 30%, #d1e5f0 40%, #f7f7f7 50%, #fddbc7 60%, #f4a582 70%, #d6604d 80%, #b2182b 90%, #67001f 100%.
    • stroke-linecap. - The stroke-linecap
  • ridgeline - Properties of the ridgeline:
    • height - The maximum vertical extent of the data as a multiple of the series spacing. A value closer to 0 will make shallower ridges. Default is 2.
    • curvature - You can apply a curvature (0 = none, 1 = maximum) to all the lines. Default is 0.
  • attribution - Add a line of attribution text under the visualisation.

Examples

  1. Basic
  2. Set the colour of each series
  3. Set the fill of each series
  4. Add tick marks and axis titles
  5. Add custom tooltips
  6. Scale the series
  7. Add curvature to the lines
  8. Big example

1. Basic§

Embeddable version

Let's start with a dataset that contains the distribution of average daily temperature, by month, for Leeds (data from Weather Underground). We create multiple series that each have a title, an x column reference and a y column reference. These will be coloured using the site-wide default series colours. The series will be displayed with the first at the top and last at the bottom.

-50101520255Aug 2023Jul 2023Oct 2022Sep 2022Jun 2023May 2023Apr 2023Mar 2023Feb 2023Jan 2023Dec 2022Nov 2022Sep 2022 -5: 0Sep 2022 -4: 0Sep 2022 -3: 0Sep 2022 -2: 0Sep 2022 -1: 0Sep 2022 0: 0Sep 2022 1: 0Sep 2022 2: 0Sep 2022 3: 0Sep 2022 4: 0Sep 2022 5: 0Sep 2022 6: 0Sep 2022 7: 0Sep 2022 8: 0Sep 2022 9: 2Sep 2022 10: 5Sep 2022 11: 4Sep 2022 12: 2Sep 2022 13: 4Sep 2022 14: 2Sep 2022 15: 2Sep 2022 16: 5Sep 2022 17: 1Sep 2022 18: 3Sep 2022 19: 0Sep 2022 20: 0Sep 2022 21: 0Sep 2022 22: 0Sep 2022 23: 0Sep 2022 24: 0Sep 2022 25: 0Oct 2022 -5: 0Oct 2022 -4: 0Oct 2022 -3: 0Oct 2022 -2: 0Oct 2022 -1: 0Oct 2022 0: 0Oct 2022 1: 0Oct 2022 2: 0Oct 2022 3: 0Oct 2022 4: 0Oct 2022 5: 0Oct 2022 6: 0Oct 2022 7: 0Oct 2022 8: 0Oct 2022 9: 1Oct 2022 10: 8Oct 2022 11: 6Oct 2022 12: 10Oct 2022 13: 5Oct 2022 14: 1Oct 2022 15: 1Oct 2022 16: 0Oct 2022 17: 0Oct 2022 18: 0Oct 2022 19: 0Oct 2022 20: 0Oct 2022 21: 0Oct 2022 22: 0Oct 2022 23: 0Oct 2022 24: 0Oct 2022 25: 0Nov 2022 -5: 0Nov 2022 -4: 0Nov 2022 -3: 0Nov 2022 -2: 0Nov 2022 -1: 0Nov 2022 0: 0Nov 2022 1: 0Nov 2022 2: 1Nov 2022 3: 2Nov 2022 4: 1Nov 2022 5: 0Nov 2022 6: 5Nov 2022 7: 2Nov 2022 8: 7Nov 2022 9: 6Nov 2022 10: 3Nov 2022 11: 1Nov 2022 12: 0Nov 2022 13: 1Nov 2022 14: 1Nov 2022 15: 0Nov 2022 16: 0Nov 2022 17: 0Nov 2022 18: 0Nov 2022 19: 0Nov 2022 20: 0Nov 2022 21: 0Nov 2022 22: 0Nov 2022 23: 0Nov 2022 24: 0Nov 2022 25: 0Dec 2022 -5: 0Dec 2022 -4: 0Dec 2022 -3: 0Dec 2022 -2: 1Dec 2022 -1: 1Dec 2022 0: 9Dec 2022 1: 0Dec 2022 2: 1Dec 2022 3: 1Dec 2022 4: 5Dec 2022 5: 4Dec 2022 6: 3Dec 2022 7: 3Dec 2022 8: 1Dec 2022 9: 0Dec 2022 10: 0Dec 2022 11: 1Dec 2022 12: 0Dec 2022 13: 0Dec 2022 14: 0Dec 2022 15: 0Dec 2022 16: 0Dec 2022 17: 0Dec 2022 18: 0Dec 2022 19: 0Dec 2022 20: 0Dec 2022 21: 0Dec 2022 22: 0Dec 2022 23: 0Dec 2022 24: 0Dec 2022 25: 0Jan 2023 -5: 0Jan 2023 -4: 0Jan 2023 -3: 0Jan 2023 -2: 0Jan 2023 -1: 0Jan 2023 0: 4Jan 2023 1: 2Jan 2023 2: 1Jan 2023 3: 2Jan 2023 4: 2Jan 2023 5: 4Jan 2023 6: 8Jan 2023 7: 3Jan 2023 8: 2Jan 2023 9: 2Jan 2023 10: 1Jan 2023 11: 0Jan 2023 12: 0Jan 2023 13: 0Jan 2023 14: 0Jan 2023 15: 0Jan 2023 16: 0Jan 2023 17: 0Jan 2023 18: 0Jan 2023 19: 0Jan 2023 20: 0Jan 2023 21: 0Jan 2023 22: 0Jan 2023 23: 0Jan 2023 24: 0Jan 2023 25: 0Feb 2023 -5: 0Feb 2023 -4: 0Feb 2023 -3: 0Feb 2023 -2: 0Feb 2023 -1: 0Feb 2023 0: 0Feb 2023 1: 0Feb 2023 2: 0Feb 2023 3: 2Feb 2023 4: 5Feb 2023 5: 4Feb 2023 6: 4Feb 2023 7: 5Feb 2023 8: 3Feb 2023 9: 4Feb 2023 10: 1Feb 2023 11: 0Feb 2023 12: 0Feb 2023 13: 0Feb 2023 14: 0Feb 2023 15: 0Feb 2023 16: 0Feb 2023 17: 0Feb 2023 18: 0Feb 2023 19: 0Feb 2023 20: 0Feb 2023 21: 0Feb 2023 22: 0Feb 2023 23: 0Feb 2023 24: 0Feb 2023 25: 0Mar 2023 -5: 0Mar 2023 -4: 0Mar 2023 -3: 0Mar 2023 -2: 0Mar 2023 -1: 0Mar 2023 0: 3Mar 2023 1: 2Mar 2023 2: 1Mar 2023 3: 2Mar 2023 4: 6Mar 2023 5: 1Mar 2023 6: 1Mar 2023 7: 2Mar 2023 8: 1Mar 2023 9: 3Mar 2023 10: 6Mar 2023 11: 3Mar 2023 12: 0Mar 2023 13: 0Mar 2023 14: 0Mar 2023 15: 0Mar 2023 16: 0Mar 2023 17: 0Mar 2023 18: 0Mar 2023 19: 0Mar 2023 20: 0Mar 2023 21: 0Mar 2023 22: 0Mar 2023 23: 0Mar 2023 24: 0Mar 2023 25: 0Apr 2023 -5: 0Apr 2023 -4: 0Apr 2023 -3: 0Apr 2023 -2: 0Apr 2023 -1: 0Apr 2023 0: 0Apr 2023 1: 0Apr 2023 2: 0Apr 2023 3: 0Apr 2023 4: 0Apr 2023 5: 5Apr 2023 6: 3Apr 2023 7: 3Apr 2023 8: 11Apr 2023 9: 4Apr 2023 10: 3Apr 2023 11: 1Apr 2023 12: 0Apr 2023 13: 0Apr 2023 14: 0Apr 2023 15: 0Apr 2023 16: 0Apr 2023 17: 0Apr 2023 18: 0Apr 2023 19: 0Apr 2023 20: 0Apr 2023 21: 0Apr 2023 22: 0Apr 2023 23: 0Apr 2023 24: 0Apr 2023 25: 0May 2023 -5: 0May 2023 -4: 0May 2023 -3: 0May 2023 -2: 0May 2023 -1: 0May 2023 0: 0May 2023 1: 0May 2023 2: 0May 2023 3: 0May 2023 4: 0May 2023 5: 0May 2023 6: 0May 2023 7: 0May 2023 8: 1May 2023 9: 3May 2023 10: 3May 2023 11: 7May 2023 12: 6May 2023 13: 5May 2023 14: 3May 2023 15: 3May 2023 16: 0May 2023 17: 0May 2023 18: 0May 2023 19: 0May 2023 20: 0May 2023 21: 0May 2023 22: 0May 2023 23: 0May 2023 24: 0May 2023 25: 0Jun 2023 -5: 0Jun 2023 -4: 0Jun 2023 -3: 0Jun 2023 -2: 0Jun 2023 -1: 0Jun 2023 0: 0Jun 2023 1: 0Jun 2023 2: 0Jun 2023 3: 0Jun 2023 4: 0Jun 2023 5: 0Jun 2023 6: 0Jun 2023 7: 0Jun 2023 8: 0Jun 2023 9: 0Jun 2023 10: 1Jun 2023 11: 4Jun 2023 12: 3Jun 2023 13: 1Jun 2023 14: 1Jun 2023 15: 2Jun 2023 16: 5Jun 2023 17: 4Jun 2023 18: 3Jun 2023 19: 2Jun 2023 20: 2Jun 2023 21: 1Jun 2023 22: 1Jun 2023 23: 0Jun 2023 24: 0Jun 2023 25: 0Jul 2023 -5: 0Jul 2023 -4: 0Jul 2023 -3: 0Jul 2023 -2: 0Jul 2023 -1: 0Jul 2023 0: 0Jul 2023 1: 0Jul 2023 2: 0Jul 2023 3: 0Jul 2023 4: 0Jul 2023 5: 0Jul 2023 6: 0Jul 2023 7: 0Jul 2023 8: 0Jul 2023 9: 0Jul 2023 10: 0Jul 2023 11: 0Jul 2023 12: 1Jul 2023 13: 5Jul 2023 14: 11Jul 2023 15: 6Jul 2023 16: 3Jul 2023 17: 3Jul 2023 18: 1Jul 2023 19: 0Jul 2023 20: 1Jul 2023 21: 0Jul 2023 22: 0Jul 2023 23: 0Jul 2023 24: 0Jul 2023 25: 0Aug 2023 -5: 0Aug 2023 -4: 0Aug 2023 -3: 0Aug 2023 -2: 0Aug 2023 -1: 0Aug 2023 0: 0Aug 2023 1: 0Aug 2023 2: 0Aug 2023 3: 0Aug 2023 4: 0Aug 2023 5: 0Aug 2023 6: 0Aug 2023 7: 0Aug 2023 8: 0Aug 2023 9: 0Aug 2023 10: 0Aug 2023 11: 0Aug 2023 12: 1Aug 2023 13: 6Aug 2023 14: 7Aug 2023 15: 4Aug 2023 16: 6Aug 2023 17: 4Aug 2023 18: 1Aug 2023 19: 1Aug 2023 20: 0Aug 2023 21: 1Aug 2023 22: 0Aug 2023 23: 0Aug 2023 24: 0Aug 2023 25: 0

This example was made with config:

YAML
data: test.data.leeds-weather
series:
  - title: Sep 2022
    x: Average temperature (C)
    y: 2022-09
  - title: Oct 2022
    x: Average temperature (C)
    y: 2022-10
  - title: Nov 2022
    x: Average temperature (C)
    y: 2022-11
  - title: Dec 2022
    x: Average temperature (C)
    y: 2022-12
  - title: Jan 2023
    x: Average temperature (C)
    y: 2023-01
  - title: Feb 2023
    x: Average temperature (C)
    y: 2023-02
  - title: Mar 2023
    x: Average temperature (C)
    y: 2023-03
  - title: Apr 2023
    x: Average temperature (C)
    y: 2023-04
  - title: May 2023
    x: Average temperature (C)
    y: 2023-05
  - title: Jun 2023
    x: Average temperature (C)
    y: 2023-06
  - title: Jul 2023
    x: Average temperature (C)
    y: 2023-07
  - title: Aug 2023
    x: Average temperature (C)
    y: 2023-08
JSON
{
	"data": "test.data.leeds-weather",
	"series": [{
			"title": "Sep 2022",
			"x": "Average temperature (C)",
			"y": "2022-09"
		},{
			"title": "Oct 2022",
			"x": "Average temperature (C)",
			"y": "2022-10"
		},{
			"title": "Nov 2022",
			"x": "Average temperature (C)",
			"y": "2022-11"
		},{
			"title": "Dec 2022",
			"x": "Average temperature (C)",
			"y": "2022-12"
		},{
			"title": "Jan 2023",
			"x": "Average temperature (C)",
			"y": "2023-01"
		},{
			"title": "Feb 2023",
			"x": "Average temperature (C)",
			"y": "2023-02"
		},{
			"title": "Mar 2023",
			"x": "Average temperature (C)",
			"y": "2023-03"
		},{
			"title": "Apr 2023",
			"x": "Average temperature (C)",
			"y": "2023-04"
		},{
			"title": "May 2023",
			"x": "Average temperature (C)",
			"y": "2023-05"
		},{
			"title": "Jun 2023",
			"x": "Average temperature (C)",
			"y": "2023-06"
		},{
			"title": "Jul 2023",
			"x": "Average temperature (C)",
			"y": "2023-07"
		},{
			"title": "Aug 2023",
			"x": "Average temperature (C)",
			"y": "2023-08"
		}]
}

2. Set the colour of each series§

Embeddable version

For each series we can set its colour.

-50101520255Aug 2023Jul 2023Oct 2022Sep 2022Jun 2023May 2023Apr 2023Mar 2023Feb 2023Jan 2023Dec 2022Nov 2022Sep 2022 -5: 0Sep 2022 -4: 0Sep 2022 -3: 0Sep 2022 -2: 0Sep 2022 -1: 0Sep 2022 0: 0Sep 2022 1: 0Sep 2022 2: 0Sep 2022 3: 0Sep 2022 4: 0Sep 2022 5: 0Sep 2022 6: 0Sep 2022 7: 0Sep 2022 8: 0Sep 2022 9: 2Sep 2022 10: 5Sep 2022 11: 4Sep 2022 12: 2Sep 2022 13: 4Sep 2022 14: 2Sep 2022 15: 2Sep 2022 16: 5Sep 2022 17: 1Sep 2022 18: 3Sep 2022 19: 0Sep 2022 20: 0Sep 2022 21: 0Sep 2022 22: 0Sep 2022 23: 0Sep 2022 24: 0Sep 2022 25: 0Oct 2022 -5: 0Oct 2022 -4: 0Oct 2022 -3: 0Oct 2022 -2: 0Oct 2022 -1: 0Oct 2022 0: 0Oct 2022 1: 0Oct 2022 2: 0Oct 2022 3: 0Oct 2022 4: 0Oct 2022 5: 0Oct 2022 6: 0Oct 2022 7: 0Oct 2022 8: 0Oct 2022 9: 1Oct 2022 10: 8Oct 2022 11: 6Oct 2022 12: 10Oct 2022 13: 5Oct 2022 14: 1Oct 2022 15: 1Oct 2022 16: 0Oct 2022 17: 0Oct 2022 18: 0Oct 2022 19: 0Oct 2022 20: 0Oct 2022 21: 0Oct 2022 22: 0Oct 2022 23: 0Oct 2022 24: 0Oct 2022 25: 0Nov 2022 -5: 0Nov 2022 -4: 0Nov 2022 -3: 0Nov 2022 -2: 0Nov 2022 -1: 0Nov 2022 0: 0Nov 2022 1: 0Nov 2022 2: 1Nov 2022 3: 2Nov 2022 4: 1Nov 2022 5: 0Nov 2022 6: 5Nov 2022 7: 2Nov 2022 8: 7Nov 2022 9: 6Nov 2022 10: 3Nov 2022 11: 1Nov 2022 12: 0Nov 2022 13: 1Nov 2022 14: 1Nov 2022 15: 0Nov 2022 16: 0Nov 2022 17: 0Nov 2022 18: 0Nov 2022 19: 0Nov 2022 20: 0Nov 2022 21: 0Nov 2022 22: 0Nov 2022 23: 0Nov 2022 24: 0Nov 2022 25: 0Dec 2022 -5: 0Dec 2022 -4: 0Dec 2022 -3: 0Dec 2022 -2: 1Dec 2022 -1: 1Dec 2022 0: 9Dec 2022 1: 0Dec 2022 2: 1Dec 2022 3: 1Dec 2022 4: 5Dec 2022 5: 4Dec 2022 6: 3Dec 2022 7: 3Dec 2022 8: 1Dec 2022 9: 0Dec 2022 10: 0Dec 2022 11: 1Dec 2022 12: 0Dec 2022 13: 0Dec 2022 14: 0Dec 2022 15: 0Dec 2022 16: 0Dec 2022 17: 0Dec 2022 18: 0Dec 2022 19: 0Dec 2022 20: 0Dec 2022 21: 0Dec 2022 22: 0Dec 2022 23: 0Dec 2022 24: 0Dec 2022 25: 0Jan 2023 -5: 0Jan 2023 -4: 0Jan 2023 -3: 0Jan 2023 -2: 0Jan 2023 -1: 0Jan 2023 0: 4Jan 2023 1: 2Jan 2023 2: 1Jan 2023 3: 2Jan 2023 4: 2Jan 2023 5: 4Jan 2023 6: 8Jan 2023 7: 3Jan 2023 8: 2Jan 2023 9: 2Jan 2023 10: 1Jan 2023 11: 0Jan 2023 12: 0Jan 2023 13: 0Jan 2023 14: 0Jan 2023 15: 0Jan 2023 16: 0Jan 2023 17: 0Jan 2023 18: 0Jan 2023 19: 0Jan 2023 20: 0Jan 2023 21: 0Jan 2023 22: 0Jan 2023 23: 0Jan 2023 24: 0Jan 2023 25: 0Feb 2023 -5: 0Feb 2023 -4: 0Feb 2023 -3: 0Feb 2023 -2: 0Feb 2023 -1: 0Feb 2023 0: 0Feb 2023 1: 0Feb 2023 2: 0Feb 2023 3: 2Feb 2023 4: 5Feb 2023 5: 4Feb 2023 6: 4Feb 2023 7: 5Feb 2023 8: 3Feb 2023 9: 4Feb 2023 10: 1Feb 2023 11: 0Feb 2023 12: 0Feb 2023 13: 0Feb 2023 14: 0Feb 2023 15: 0Feb 2023 16: 0Feb 2023 17: 0Feb 2023 18: 0Feb 2023 19: 0Feb 2023 20: 0Feb 2023 21: 0Feb 2023 22: 0Feb 2023 23: 0Feb 2023 24: 0Feb 2023 25: 0Mar 2023 -5: 0Mar 2023 -4: 0Mar 2023 -3: 0Mar 2023 -2: 0Mar 2023 -1: 0Mar 2023 0: 3Mar 2023 1: 2Mar 2023 2: 1Mar 2023 3: 2Mar 2023 4: 6Mar 2023 5: 1Mar 2023 6: 1Mar 2023 7: 2Mar 2023 8: 1Mar 2023 9: 3Mar 2023 10: 6Mar 2023 11: 3Mar 2023 12: 0Mar 2023 13: 0Mar 2023 14: 0Mar 2023 15: 0Mar 2023 16: 0Mar 2023 17: 0Mar 2023 18: 0Mar 2023 19: 0Mar 2023 20: 0Mar 2023 21: 0Mar 2023 22: 0Mar 2023 23: 0Mar 2023 24: 0Mar 2023 25: 0Apr 2023 -5: 0Apr 2023 -4: 0Apr 2023 -3: 0Apr 2023 -2: 0Apr 2023 -1: 0Apr 2023 0: 0Apr 2023 1: 0Apr 2023 2: 0Apr 2023 3: 0Apr 2023 4: 0Apr 2023 5: 5Apr 2023 6: 3Apr 2023 7: 3Apr 2023 8: 11Apr 2023 9: 4Apr 2023 10: 3Apr 2023 11: 1Apr 2023 12: 0Apr 2023 13: 0Apr 2023 14: 0Apr 2023 15: 0Apr 2023 16: 0Apr 2023 17: 0Apr 2023 18: 0Apr 2023 19: 0Apr 2023 20: 0Apr 2023 21: 0Apr 2023 22: 0Apr 2023 23: 0Apr 2023 24: 0Apr 2023 25: 0May 2023 -5: 0May 2023 -4: 0May 2023 -3: 0May 2023 -2: 0May 2023 -1: 0May 2023 0: 0May 2023 1: 0May 2023 2: 0May 2023 3: 0May 2023 4: 0May 2023 5: 0May 2023 6: 0May 2023 7: 0May 2023 8: 1May 2023 9: 3May 2023 10: 3May 2023 11: 7May 2023 12: 6May 2023 13: 5May 2023 14: 3May 2023 15: 3May 2023 16: 0May 2023 17: 0May 2023 18: 0May 2023 19: 0May 2023 20: 0May 2023 21: 0May 2023 22: 0May 2023 23: 0May 2023 24: 0May 2023 25: 0Jun 2023 -5: 0Jun 2023 -4: 0Jun 2023 -3: 0Jun 2023 -2: 0Jun 2023 -1: 0Jun 2023 0: 0Jun 2023 1: 0Jun 2023 2: 0Jun 2023 3: 0Jun 2023 4: 0Jun 2023 5: 0Jun 2023 6: 0Jun 2023 7: 0Jun 2023 8: 0Jun 2023 9: 0Jun 2023 10: 1Jun 2023 11: 4Jun 2023 12: 3Jun 2023 13: 1Jun 2023 14: 1Jun 2023 15: 2Jun 2023 16: 5Jun 2023 17: 4Jun 2023 18: 3Jun 2023 19: 2Jun 2023 20: 2Jun 2023 21: 1Jun 2023 22: 1Jun 2023 23: 0Jun 2023 24: 0Jun 2023 25: 0Jul 2023 -5: 0Jul 2023 -4: 0Jul 2023 -3: 0Jul 2023 -2: 0Jul 2023 -1: 0Jul 2023 0: 0Jul 2023 1: 0Jul 2023 2: 0Jul 2023 3: 0Jul 2023 4: 0Jul 2023 5: 0Jul 2023 6: 0Jul 2023 7: 0Jul 2023 8: 0Jul 2023 9: 0Jul 2023 10: 0Jul 2023 11: 0Jul 2023 12: 1Jul 2023 13: 5Jul 2023 14: 11Jul 2023 15: 6Jul 2023 16: 3Jul 2023 17: 3Jul 2023 18: 1Jul 2023 19: 0Jul 2023 20: 1Jul 2023 21: 0Jul 2023 22: 0Jul 2023 23: 0Jul 2023 24: 0Jul 2023 25: 0Aug 2023 -5: 0Aug 2023 -4: 0Aug 2023 -3: 0Aug 2023 -2: 0Aug 2023 -1: 0Aug 2023 0: 0Aug 2023 1: 0Aug 2023 2: 0Aug 2023 3: 0Aug 2023 4: 0Aug 2023 5: 0Aug 2023 6: 0Aug 2023 7: 0Aug 2023 8: 0Aug 2023 9: 0Aug 2023 10: 0Aug 2023 11: 0Aug 2023 12: 1Aug 2023 13: 6Aug 2023 14: 7Aug 2023 15: 4Aug 2023 16: 6Aug 2023 17: 4Aug 2023 18: 1Aug 2023 19: 1Aug 2023 20: 0Aug 2023 21: 1Aug 2023 22: 0Aug 2023 23: 0Aug 2023 24: 0Aug 2023 25: 0

This example was made with config:

YAML
data: test.data.leeds-weather
series:
  - title: Sep 2022
    x: Average temperature (C)
    y: 2022-09
    colour: '#005776'
  - title: Oct 2022
    x: Average temperature (C)
    y: 2022-10
    colour: '#005776'
  - title: Nov 2022
    x: Average temperature (C)
    y: 2022-11
    colour: '#005776'
  - title: Dec 2022
    x: Average temperature (C)
    y: 2022-12
    colour: '#005776'
  - title: Jan 2023
    x: Average temperature (C)
    y: 2023-01
    colour: '#005776'
  - title: Feb 2023
    x: Average temperature (C)
    y: 2023-02
    colour: '#005776'
  - title: Mar 2023
    x: Average temperature (C)
    y: 2023-03
    colour: '#005776'
  - title: Apr 2023
    x: Average temperature (C)
    y: 2023-04
    colour: '#005776'
  - title: May 2023
    x: Average temperature (C)
    y: 2023-05
    colour: '#005776'
  - title: Jun 2023
    x: Average temperature (C)
    y: 2023-06
    colour: '#005776'
  - title: Jul 2023
    x: Average temperature (C)
    y: 2023-07
    colour: '#005776'
  - title: Aug 2023
    x: Average temperature (C)
    y: 2023-08
    colour: '#005776'
JSON
{
	"data": "test.data.leeds-weather",
	"series": [{
			"title": "Sep 2022",
			"x": "Average temperature (C)",
			"y": "2022-09",
			"colour": "#005776"
		},{
			"title": "Oct 2022",
			"x": "Average temperature (C)",
			"y": "2022-10",
			"colour": "#005776"
		},{
			"title": "Nov 2022",
			"x": "Average temperature (C)",
			"y": "2022-11",
			"colour": "#005776"
		},{
			"title": "Dec 2022",
			"x": "Average temperature (C)",
			"y": "2022-12",
			"colour": "#005776"
		},{
			"title": "Jan 2023",
			"x": "Average temperature (C)",
			"y": "2023-01",
			"colour": "#005776"
		},{
			"title": "Feb 2023",
			"x": "Average temperature (C)",
			"y": "2023-02",
			"colour": "#005776"
		},{
			"title": "Mar 2023",
			"x": "Average temperature (C)",
			"y": "2023-03",
			"colour": "#005776"
		},{
			"title": "Apr 2023",
			"x": "Average temperature (C)",
			"y": "2023-04",
			"colour": "#005776"
		},{
			"title": "May 2023",
			"x": "Average temperature (C)",
			"y": "2023-05",
			"colour": "#005776"
		},{
			"title": "Jun 2023",
			"x": "Average temperature (C)",
			"y": "2023-06",
			"colour": "#005776"
		},{
			"title": "Jul 2023",
			"x": "Average temperature (C)",
			"y": "2023-07",
			"colour": "#005776"
		},{
			"title": "Aug 2023",
			"x": "Average temperature (C)",
			"y": "2023-08",
			"colour": "#005776"
		}]
}

3. Set the fill of each series§

Embeddable version

By default, the fill of each series is set to #ffffff and the fillOpacity is set to 0.8. But you can over-ride those on a per-series basis. Note that the fill is made by joining up the two ends of the series so if they don't have the same value, or you have lower values in the series, you may get unexpected results.

-50101520255Aug 2023Jul 2023Oct 2022Sep 2022Jun 2023May 2023Apr 2023Mar 2023Feb 2023Jan 2023Dec 2022Nov 2022Sep 2022 -5: 0Sep 2022 -4: 0Sep 2022 -3: 0Sep 2022 -2: 0Sep 2022 -1: 0Sep 2022 0: 0Sep 2022 1: 0Sep 2022 2: 0Sep 2022 3: 0Sep 2022 4: 0Sep 2022 5: 0Sep 2022 6: 0Sep 2022 7: 0Sep 2022 8: 0Sep 2022 9: 2Sep 2022 10: 5Sep 2022 11: 4Sep 2022 12: 2Sep 2022 13: 4Sep 2022 14: 2Sep 2022 15: 2Sep 2022 16: 5Sep 2022 17: 1Sep 2022 18: 3Sep 2022 19: 0Sep 2022 20: 0Sep 2022 21: 0Sep 2022 22: 0Sep 2022 23: 0Sep 2022 24: 0Sep 2022 25: 0Oct 2022 -5: 0Oct 2022 -4: 0Oct 2022 -3: 0Oct 2022 -2: 0Oct 2022 -1: 0Oct 2022 0: 0Oct 2022 1: 0Oct 2022 2: 0Oct 2022 3: 0Oct 2022 4: 0Oct 2022 5: 0Oct 2022 6: 0Oct 2022 7: 0Oct 2022 8: 0Oct 2022 9: 1Oct 2022 10: 8Oct 2022 11: 6Oct 2022 12: 10Oct 2022 13: 5Oct 2022 14: 1Oct 2022 15: 1Oct 2022 16: 0Oct 2022 17: 0Oct 2022 18: 0Oct 2022 19: 0Oct 2022 20: 0Oct 2022 21: 0Oct 2022 22: 0Oct 2022 23: 0Oct 2022 24: 0Oct 2022 25: 0Nov 2022 -5: 0Nov 2022 -4: 0Nov 2022 -3: 0Nov 2022 -2: 0Nov 2022 -1: 0Nov 2022 0: 0Nov 2022 1: 0Nov 2022 2: 1Nov 2022 3: 2Nov 2022 4: 1Nov 2022 5: 0Nov 2022 6: 5Nov 2022 7: 2Nov 2022 8: 7Nov 2022 9: 6Nov 2022 10: 3Nov 2022 11: 1Nov 2022 12: 0Nov 2022 13: 1Nov 2022 14: 1Nov 2022 15: 0Nov 2022 16: 0Nov 2022 17: 0Nov 2022 18: 0Nov 2022 19: 0Nov 2022 20: 0Nov 2022 21: 0Nov 2022 22: 0Nov 2022 23: 0Nov 2022 24: 0Nov 2022 25: 0Dec 2022 -5: 0Dec 2022 -4: 0Dec 2022 -3: 0Dec 2022 -2: 1Dec 2022 -1: 1Dec 2022 0: 9Dec 2022 1: 0Dec 2022 2: 1Dec 2022 3: 1Dec 2022 4: 5Dec 2022 5: 4Dec 2022 6: 3Dec 2022 7: 3Dec 2022 8: 1Dec 2022 9: 0Dec 2022 10: 0Dec 2022 11: 1Dec 2022 12: 0Dec 2022 13: 0Dec 2022 14: 0Dec 2022 15: 0Dec 2022 16: 0Dec 2022 17: 0Dec 2022 18: 0Dec 2022 19: 0Dec 2022 20: 0Dec 2022 21: 0Dec 2022 22: 0Dec 2022 23: 0Dec 2022 24: 0Dec 2022 25: 0Jan 2023 -5: 0Jan 2023 -4: 0Jan 2023 -3: 0Jan 2023 -2: 0Jan 2023 -1: 0Jan 2023 0: 4Jan 2023 1: 2Jan 2023 2: 1Jan 2023 3: 2Jan 2023 4: 2Jan 2023 5: 4Jan 2023 6: 8Jan 2023 7: 3Jan 2023 8: 2Jan 2023 9: 2Jan 2023 10: 1Jan 2023 11: 0Jan 2023 12: 0Jan 2023 13: 0Jan 2023 14: 0Jan 2023 15: 0Jan 2023 16: 0Jan 2023 17: 0Jan 2023 18: 0Jan 2023 19: 0Jan 2023 20: 0Jan 2023 21: 0Jan 2023 22: 0Jan 2023 23: 0Jan 2023 24: 0Jan 2023 25: 0Feb 2023 -5: 0Feb 2023 -4: 0Feb 2023 -3: 0Feb 2023 -2: 0Feb 2023 -1: 0Feb 2023 0: 0Feb 2023 1: 0Feb 2023 2: 0Feb 2023 3: 2Feb 2023 4: 5Feb 2023 5: 4Feb 2023 6: 4Feb 2023 7: 5Feb 2023 8: 3Feb 2023 9: 4Feb 2023 10: 1Feb 2023 11: 0Feb 2023 12: 0Feb 2023 13: 0Feb 2023 14: 0Feb 2023 15: 0Feb 2023 16: 0Feb 2023 17: 0Feb 2023 18: 0Feb 2023 19: 0Feb 2023 20: 0Feb 2023 21: 0Feb 2023 22: 0Feb 2023 23: 0Feb 2023 24: 0Feb 2023 25: 0Mar 2023 -5: 0Mar 2023 -4: 0Mar 2023 -3: 0Mar 2023 -2: 0Mar 2023 -1: 0Mar 2023 0: 3Mar 2023 1: 2Mar 2023 2: 1Mar 2023 3: 2Mar 2023 4: 6Mar 2023 5: 1Mar 2023 6: 1Mar 2023 7: 2Mar 2023 8: 1Mar 2023 9: 3Mar 2023 10: 6Mar 2023 11: 3Mar 2023 12: 0Mar 2023 13: 0Mar 2023 14: 0Mar 2023 15: 0Mar 2023 16: 0Mar 2023 17: 0Mar 2023 18: 0Mar 2023 19: 0Mar 2023 20: 0Mar 2023 21: 0Mar 2023 22: 0Mar 2023 23: 0Mar 2023 24: 0Mar 2023 25: 0Apr 2023 -5: 0Apr 2023 -4: 0Apr 2023 -3: 0Apr 2023 -2: 0Apr 2023 -1: 0Apr 2023 0: 0Apr 2023 1: 0Apr 2023 2: 0Apr 2023 3: 0Apr 2023 4: 0Apr 2023 5: 5Apr 2023 6: 3Apr 2023 7: 3Apr 2023 8: 11Apr 2023 9: 4Apr 2023 10: 3Apr 2023 11: 1Apr 2023 12: 0Apr 2023 13: 0Apr 2023 14: 0Apr 2023 15: 0Apr 2023 16: 0Apr 2023 17: 0Apr 2023 18: 0Apr 2023 19: 0Apr 2023 20: 0Apr 2023 21: 0Apr 2023 22: 0Apr 2023 23: 0Apr 2023 24: 0Apr 2023 25: 0May 2023 -5: 0May 2023 -4: 0May 2023 -3: 0May 2023 -2: 0May 2023 -1: 0May 2023 0: 0May 2023 1: 0May 2023 2: 0May 2023 3: 0May 2023 4: 0May 2023 5: 0May 2023 6: 0May 2023 7: 0May 2023 8: 1May 2023 9: 3May 2023 10: 3May 2023 11: 7May 2023 12: 6May 2023 13: 5May 2023 14: 3May 2023 15: 3May 2023 16: 0May 2023 17: 0May 2023 18: 0May 2023 19: 0May 2023 20: 0May 2023 21: 0May 2023 22: 0May 2023 23: 0May 2023 24: 0May 2023 25: 0Jun 2023 -5: 0Jun 2023 -4: 0Jun 2023 -3: 0Jun 2023 -2: 0Jun 2023 -1: 0Jun 2023 0: 0Jun 2023 1: 0Jun 2023 2: 0Jun 2023 3: 0Jun 2023 4: 0Jun 2023 5: 0Jun 2023 6: 0Jun 2023 7: 0Jun 2023 8: 0Jun 2023 9: 0Jun 2023 10: 1Jun 2023 11: 4Jun 2023 12: 3Jun 2023 13: 1Jun 2023 14: 1Jun 2023 15: 2Jun 2023 16: 5Jun 2023 17: 4Jun 2023 18: 3Jun 2023 19: 2Jun 2023 20: 2Jun 2023 21: 1Jun 2023 22: 1Jun 2023 23: 0Jun 2023 24: 0Jun 2023 25: 0Jul 2023 -5: 0Jul 2023 -4: 0Jul 2023 -3: 0Jul 2023 -2: 0Jul 2023 -1: 0Jul 2023 0: 0Jul 2023 1: 0Jul 2023 2: 0Jul 2023 3: 0Jul 2023 4: 0Jul 2023 5: 0Jul 2023 6: 0Jul 2023 7: 0Jul 2023 8: 0Jul 2023 9: 0Jul 2023 10: 0Jul 2023 11: 0Jul 2023 12: 1Jul 2023 13: 5Jul 2023 14: 11Jul 2023 15: 6Jul 2023 16: 3Jul 2023 17: 3Jul 2023 18: 1Jul 2023 19: 0Jul 2023 20: 1Jul 2023 21: 0Jul 2023 22: 0Jul 2023 23: 0Jul 2023 24: 0Jul 2023 25: 0Aug 2023 -5: 0Aug 2023 -4: 0Aug 2023 -3: 0Aug 2023 -2: 0Aug 2023 -1: 0Aug 2023 0: 0Aug 2023 1: 0Aug 2023 2: 0Aug 2023 3: 0Aug 2023 4: 0Aug 2023 5: 0Aug 2023 6: 0Aug 2023 7: 0Aug 2023 8: 0Aug 2023 9: 0Aug 2023 10: 0Aug 2023 11: 0Aug 2023 12: 1Aug 2023 13: 6Aug 2023 14: 7Aug 2023 15: 4Aug 2023 16: 6Aug 2023 17: 4Aug 2023 18: 1Aug 2023 19: 1Aug 2023 20: 0Aug 2023 21: 1Aug 2023 22: 0Aug 2023 23: 0Aug 2023 24: 0Aug 2023 25: 0

This example was made with config:

YAML
data: test.data.leeds-weather
series:
  - title: Sep 2022
    x: Average temperature (C)
    y: 2022-09
    fill: '#000000'
    fillOpacity: 0.25
  - title: Oct 2022
    x: Average temperature (C)
    y: 2022-10
    fill: '#000000'
    fillOpacity: 0.25
  - title: Nov 2022
    x: Average temperature (C)
    y: 2022-11
    fill: '#000000'
    fillOpacity: 0.25
  - title: Dec 2022
    x: Average temperature (C)
    y: 2022-12
    fill: '#000000'
    fillOpacity: 0.25
  - title: Jan 2023
    x: Average temperature (C)
    y: 2023-01
    fill: '#000000'
    fillOpacity: 0.25
  - title: Feb 2023
    x: Average temperature (C)
    y: 2023-02
    fill: '#000000'
    fillOpacity: 0.25
  - title: Mar 2023
    x: Average temperature (C)
    y: 2023-03
    fill: '#000000'
    fillOpacity: 0.25
  - title: Apr 2023
    x: Average temperature (C)
    y: 2023-04
    fill: '#000000'
    fillOpacity: 0.25
  - title: May 2023
    x: Average temperature (C)
    y: 2023-05
    fill: '#000000'
    fillOpacity: 0.25
  - title: Jun 2023
    x: Average temperature (C)
    y: 2023-06
    fill: '#000000'
    fillOpacity: 0.25
  - title: Jul 2023
    x: Average temperature (C)
    y: 2023-07
    fill: '#000000'
    fillOpacity: 0.25
  - title: Aug 2023
    x: Average temperature (C)
    y: 2023-08
    fill: '#000000'
    fillOpacity: 0.25
JSON
{
	"data": "test.data.leeds-weather",
	"series": [{
			"title": "Sep 2022",
			"x": "Average temperature (C)",
			"y": "2022-09",
			"fill": "#000000",
			"fillOpacity": 0.25
		},{
			"title": "Oct 2022",
			"x": "Average temperature (C)",
			"y": "2022-10",
			"fill": "#000000",
			"fillOpacity": 0.25
		},{
			"title": "Nov 2022",
			"x": "Average temperature (C)",
			"y": "2022-11",
			"fill": "#000000",
			"fillOpacity": 0.25
		},{
			"title": "Dec 2022",
			"x": "Average temperature (C)",
			"y": "2022-12",
			"fill": "#000000",
			"fillOpacity": 0.25
		},{
			"title": "Jan 2023",
			"x": "Average temperature (C)",
			"y": "2023-01",
			"fill": "#000000",
			"fillOpacity": 0.25
		},{
			"title": "Feb 2023",
			"x": "Average temperature (C)",
			"y": "2023-02",
			"fill": "#000000",
			"fillOpacity": 0.25
		},{
			"title": "Mar 2023",
			"x": "Average temperature (C)",
			"y": "2023-03",
			"fill": "#000000",
			"fillOpacity": 0.25
		},{
			"title": "Apr 2023",
			"x": "Average temperature (C)",
			"y": "2023-04",
			"fill": "#000000",
			"fillOpacity": 0.25
		},{
			"title": "May 2023",
			"x": "Average temperature (C)",
			"y": "2023-05",
			"fill": "#000000",
			"fillOpacity": 0.25
		},{
			"title": "Jun 2023",
			"x": "Average temperature (C)",
			"y": "2023-06",
			"fill": "#000000",
			"fillOpacity": 0.25
		},{
			"title": "Jul 2023",
			"x": "Average temperature (C)",
			"y": "2023-07",
			"fill": "#000000",
			"fillOpacity": 0.25
		},{
			"title": "Aug 2023",
			"x": "Average temperature (C)",
			"y": "2023-08",
			"fill": "#000000",
			"fillOpacity": 0.25
		}]
}

4. Add tick marks and axis titles§

Embeddable version

Sometimes it can be useful to add tick marks to the x-axis and axis titles.

Average temperature (°C)-50101520255MonthsAug 2023Jul 2023Oct 2022Sep 2022Jun 2023May 2023Apr 2023Mar 2023Feb 2023Jan 2023Dec 2022Nov 2022Sep 2022 -5: 0Sep 2022 -4: 0Sep 2022 -3: 0Sep 2022 -2: 0Sep 2022 -1: 0Sep 2022 0: 0Sep 2022 1: 0Sep 2022 2: 0Sep 2022 3: 0Sep 2022 4: 0Sep 2022 5: 0Sep 2022 6: 0Sep 2022 7: 0Sep 2022 8: 0Sep 2022 9: 2Sep 2022 10: 5Sep 2022 11: 4Sep 2022 12: 2Sep 2022 13: 4Sep 2022 14: 2Sep 2022 15: 2Sep 2022 16: 5Sep 2022 17: 1Sep 2022 18: 3Sep 2022 19: 0Sep 2022 20: 0Sep 2022 21: 0Sep 2022 22: 0Sep 2022 23: 0Sep 2022 24: 0Sep 2022 25: 0Oct 2022 -5: 0Oct 2022 -4: 0Oct 2022 -3: 0Oct 2022 -2: 0Oct 2022 -1: 0Oct 2022 0: 0Oct 2022 1: 0Oct 2022 2: 0Oct 2022 3: 0Oct 2022 4: 0Oct 2022 5: 0Oct 2022 6: 0Oct 2022 7: 0Oct 2022 8: 0Oct 2022 9: 1Oct 2022 10: 8Oct 2022 11: 6Oct 2022 12: 10Oct 2022 13: 5Oct 2022 14: 1Oct 2022 15: 1Oct 2022 16: 0Oct 2022 17: 0Oct 2022 18: 0Oct 2022 19: 0Oct 2022 20: 0Oct 2022 21: 0Oct 2022 22: 0Oct 2022 23: 0Oct 2022 24: 0Oct 2022 25: 0Nov 2022 -5: 0Nov 2022 -4: 0Nov 2022 -3: 0Nov 2022 -2: 0Nov 2022 -1: 0Nov 2022 0: 0Nov 2022 1: 0Nov 2022 2: 1Nov 2022 3: 2Nov 2022 4: 1Nov 2022 5: 0Nov 2022 6: 5Nov 2022 7: 2Nov 2022 8: 7Nov 2022 9: 6Nov 2022 10: 3Nov 2022 11: 1Nov 2022 12: 0Nov 2022 13: 1Nov 2022 14: 1Nov 2022 15: 0Nov 2022 16: 0Nov 2022 17: 0Nov 2022 18: 0Nov 2022 19: 0Nov 2022 20: 0Nov 2022 21: 0Nov 2022 22: 0Nov 2022 23: 0Nov 2022 24: 0Nov 2022 25: 0Dec 2022 -5: 0Dec 2022 -4: 0Dec 2022 -3: 0Dec 2022 -2: 1Dec 2022 -1: 1Dec 2022 0: 9Dec 2022 1: 0Dec 2022 2: 1Dec 2022 3: 1Dec 2022 4: 5Dec 2022 5: 4Dec 2022 6: 3Dec 2022 7: 3Dec 2022 8: 1Dec 2022 9: 0Dec 2022 10: 0Dec 2022 11: 1Dec 2022 12: 0Dec 2022 13: 0Dec 2022 14: 0Dec 2022 15: 0Dec 2022 16: 0Dec 2022 17: 0Dec 2022 18: 0Dec 2022 19: 0Dec 2022 20: 0Dec 2022 21: 0Dec 2022 22: 0Dec 2022 23: 0Dec 2022 24: 0Dec 2022 25: 0Jan 2023 -5: 0Jan 2023 -4: 0Jan 2023 -3: 0Jan 2023 -2: 0Jan 2023 -1: 0Jan 2023 0: 4Jan 2023 1: 2Jan 2023 2: 1Jan 2023 3: 2Jan 2023 4: 2Jan 2023 5: 4Jan 2023 6: 8Jan 2023 7: 3Jan 2023 8: 2Jan 2023 9: 2Jan 2023 10: 1Jan 2023 11: 0Jan 2023 12: 0Jan 2023 13: 0Jan 2023 14: 0Jan 2023 15: 0Jan 2023 16: 0Jan 2023 17: 0Jan 2023 18: 0Jan 2023 19: 0Jan 2023 20: 0Jan 2023 21: 0Jan 2023 22: 0Jan 2023 23: 0Jan 2023 24: 0Jan 2023 25: 0Feb 2023 -5: 0Feb 2023 -4: 0Feb 2023 -3: 0Feb 2023 -2: 0Feb 2023 -1: 0Feb 2023 0: 0Feb 2023 1: 0Feb 2023 2: 0Feb 2023 3: 2Feb 2023 4: 5Feb 2023 5: 4Feb 2023 6: 4Feb 2023 7: 5Feb 2023 8: 3Feb 2023 9: 4Feb 2023 10: 1Feb 2023 11: 0Feb 2023 12: 0Feb 2023 13: 0Feb 2023 14: 0Feb 2023 15: 0Feb 2023 16: 0Feb 2023 17: 0Feb 2023 18: 0Feb 2023 19: 0Feb 2023 20: 0Feb 2023 21: 0Feb 2023 22: 0Feb 2023 23: 0Feb 2023 24: 0Feb 2023 25: 0Mar 2023 -5: 0Mar 2023 -4: 0Mar 2023 -3: 0Mar 2023 -2: 0Mar 2023 -1: 0Mar 2023 0: 3Mar 2023 1: 2Mar 2023 2: 1Mar 2023 3: 2Mar 2023 4: 6Mar 2023 5: 1Mar 2023 6: 1Mar 2023 7: 2Mar 2023 8: 1Mar 2023 9: 3Mar 2023 10: 6Mar 2023 11: 3Mar 2023 12: 0Mar 2023 13: 0Mar 2023 14: 0Mar 2023 15: 0Mar 2023 16: 0Mar 2023 17: 0Mar 2023 18: 0Mar 2023 19: 0Mar 2023 20: 0Mar 2023 21: 0Mar 2023 22: 0Mar 2023 23: 0Mar 2023 24: 0Mar 2023 25: 0Apr 2023 -5: 0Apr 2023 -4: 0Apr 2023 -3: 0Apr 2023 -2: 0Apr 2023 -1: 0Apr 2023 0: 0Apr 2023 1: 0Apr 2023 2: 0Apr 2023 3: 0Apr 2023 4: 0Apr 2023 5: 5Apr 2023 6: 3Apr 2023 7: 3Apr 2023 8: 11Apr 2023 9: 4Apr 2023 10: 3Apr 2023 11: 1Apr 2023 12: 0Apr 2023 13: 0Apr 2023 14: 0Apr 2023 15: 0Apr 2023 16: 0Apr 2023 17: 0Apr 2023 18: 0Apr 2023 19: 0Apr 2023 20: 0Apr 2023 21: 0Apr 2023 22: 0Apr 2023 23: 0Apr 2023 24: 0Apr 2023 25: 0May 2023 -5: 0May 2023 -4: 0May 2023 -3: 0May 2023 -2: 0May 2023 -1: 0May 2023 0: 0May 2023 1: 0May 2023 2: 0May 2023 3: 0May 2023 4: 0May 2023 5: 0May 2023 6: 0May 2023 7: 0May 2023 8: 1May 2023 9: 3May 2023 10: 3May 2023 11: 7May 2023 12: 6May 2023 13: 5May 2023 14: 3May 2023 15: 3May 2023 16: 0May 2023 17: 0May 2023 18: 0May 2023 19: 0May 2023 20: 0May 2023 21: 0May 2023 22: 0May 2023 23: 0May 2023 24: 0May 2023 25: 0Jun 2023 -5: 0Jun 2023 -4: 0Jun 2023 -3: 0Jun 2023 -2: 0Jun 2023 -1: 0Jun 2023 0: 0Jun 2023 1: 0Jun 2023 2: 0Jun 2023 3: 0Jun 2023 4: 0Jun 2023 5: 0Jun 2023 6: 0Jun 2023 7: 0Jun 2023 8: 0Jun 2023 9: 0Jun 2023 10: 1Jun 2023 11: 4Jun 2023 12: 3Jun 2023 13: 1Jun 2023 14: 1Jun 2023 15: 2Jun 2023 16: 5Jun 2023 17: 4Jun 2023 18: 3Jun 2023 19: 2Jun 2023 20: 2Jun 2023 21: 1Jun 2023 22: 1Jun 2023 23: 0Jun 2023 24: 0Jun 2023 25: 0Jul 2023 -5: 0Jul 2023 -4: 0Jul 2023 -3: 0Jul 2023 -2: 0Jul 2023 -1: 0Jul 2023 0: 0Jul 2023 1: 0Jul 2023 2: 0Jul 2023 3: 0Jul 2023 4: 0Jul 2023 5: 0Jul 2023 6: 0Jul 2023 7: 0Jul 2023 8: 0Jul 2023 9: 0Jul 2023 10: 0Jul 2023 11: 0Jul 2023 12: 1Jul 2023 13: 5Jul 2023 14: 11Jul 2023 15: 6Jul 2023 16: 3Jul 2023 17: 3Jul 2023 18: 1Jul 2023 19: 0Jul 2023 20: 1Jul 2023 21: 0Jul 2023 22: 0Jul 2023 23: 0Jul 2023 24: 0Jul 2023 25: 0Aug 2023 -5: 0Aug 2023 -4: 0Aug 2023 -3: 0Aug 2023 -2: 0Aug 2023 -1: 0Aug 2023 0: 0Aug 2023 1: 0Aug 2023 2: 0Aug 2023 3: 0Aug 2023 4: 0Aug 2023 5: 0Aug 2023 6: 0Aug 2023 7: 0Aug 2023 8: 0Aug 2023 9: 0Aug 2023 10: 0Aug 2023 11: 0Aug 2023 12: 1Aug 2023 13: 6Aug 2023 14: 7Aug 2023 15: 4Aug 2023 16: 6Aug 2023 17: 4Aug 2023 18: 1Aug 2023 19: 1Aug 2023 20: 0Aug 2023 21: 1Aug 2023 22: 0Aug 2023 23: 0Aug 2023 24: 0Aug 2023 25: 0

This example was made with config:

YAML
data: test.data.leeds-weather
axis:
  x:
    title:
      label: Average temperature (°C)
    tick:
      spacing: 5
  'y':
    title:
      label: Months
series:
  - title: Sep 2022
    x: Average temperature (C)
    y: 2022-09
  - title: Oct 2022
    x: Average temperature (C)
    y: 2022-10
  - title: Nov 2022
    x: Average temperature (C)
    y: 2022-11
  - title: Dec 2022
    x: Average temperature (C)
    y: 2022-12
  - title: Jan 2023
    x: Average temperature (C)
    y: 2023-01
  - title: Feb 2023
    x: Average temperature (C)
    y: 2023-02
  - title: Mar 2023
    x: Average temperature (C)
    y: 2023-03
  - title: Apr 2023
    x: Average temperature (C)
    y: 2023-04
  - title: May 2023
    x: Average temperature (C)
    y: 2023-05
  - title: Jun 2023
    x: Average temperature (C)
    y: 2023-06
  - title: Jul 2023
    x: Average temperature (C)
    y: 2023-07
  - title: Aug 2023
    x: Average temperature (C)
    y: 2023-08
JSON
{
	"data": "test.data.leeds-weather",
	"axis": {
		"x": {
			"title": {
				"label": "Average temperature (°C)"
			},
			"tick": {
				"spacing": 5
			}
		},
		"y": {
			"title": {
				"label": "Months"
			}
		}
	},
	"series": [{
			"title": "Sep 2022",
			"x": "Average temperature (C)",
			"y": "2022-09"
		},{
			"title": "Oct 2022",
			"x": "Average temperature (C)",
			"y": "2022-10"
		},{
			"title": "Nov 2022",
			"x": "Average temperature (C)",
			"y": "2022-11"
		},{
			"title": "Dec 2022",
			"x": "Average temperature (C)",
			"y": "2022-12"
		},{
			"title": "Jan 2023",
			"x": "Average temperature (C)",
			"y": "2023-01"
		},{
			"title": "Feb 2023",
			"x": "Average temperature (C)",
			"y": "2023-02"
		},{
			"title": "Mar 2023",
			"x": "Average temperature (C)",
			"y": "2023-03"
		},{
			"title": "Apr 2023",
			"x": "Average temperature (C)",
			"y": "2023-04"
		},{
			"title": "May 2023",
			"x": "Average temperature (C)",
			"y": "2023-05"
		},{
			"title": "Jun 2023",
			"x": "Average temperature (C)",
			"y": "2023-06"
		},{
			"title": "Jul 2023",
			"x": "Average temperature (C)",
			"y": "2023-07"
		},{
			"title": "Aug 2023",
			"x": "Average temperature (C)",
			"y": "2023-08"
		}]
}

5. Add custom tooltips§

Embeddable version

As in other visualisations, you can set a tooltip per series that refers to a column (or virtual column) in the data. However, you can also pass a string template which can refer to that series' x, y, colour and title values using the shorthand {{ _x }}, {{ _y }}, {{ _title }} and {{ _colour }}.

-50101520255Aug 2023Jul 2023Oct 2022Sep 2022Jun 2023May 2023Apr 2023Mar 2023Feb 2023Jan 2023Dec 2022Nov 2022Sep 2022 0 day(s) averaged -5°CSep 2022 0 day(s) averaged -4°CSep 2022 0 day(s) averaged -3°CSep 2022 0 day(s) averaged -2°CSep 2022 0 day(s) averaged -1°CSep 2022 0 day(s) averaged 0°CSep 2022 0 day(s) averaged 1°CSep 2022 0 day(s) averaged 2°CSep 2022 0 day(s) averaged 3°CSep 2022 0 day(s) averaged 4°CSep 2022 0 day(s) averaged 5°CSep 2022 0 day(s) averaged 6°CSep 2022 0 day(s) averaged 7°CSep 2022 0 day(s) averaged 8°CSep 2022 2 day(s) averaged 9°CSep 2022 5 day(s) averaged 10°CSep 2022 4 day(s) averaged 11°CSep 2022 2 day(s) averaged 12°CSep 2022 4 day(s) averaged 13°CSep 2022 2 day(s) averaged 14°CSep 2022 2 day(s) averaged 15°CSep 2022 5 day(s) averaged 16°CSep 2022 1 day(s) averaged 17°CSep 2022 3 day(s) averaged 18°CSep 2022 0 day(s) averaged 19°CSep 2022 0 day(s) averaged 20°CSep 2022 0 day(s) averaged 21°CSep 2022 0 day(s) averaged 22°CSep 2022 0 day(s) averaged 23°CSep 2022 0 day(s) averaged 24°CSep 2022 0 day(s) averaged 25°COct 2022 0 day(s) averaged -5°COct 2022 0 day(s) averaged -4°COct 2022 0 day(s) averaged -3°COct 2022 0 day(s) averaged -2°COct 2022 0 day(s) averaged -1°COct 2022 0 day(s) averaged 0°COct 2022 0 day(s) averaged 1°COct 2022 0 day(s) averaged 2°COct 2022 0 day(s) averaged 3°COct 2022 0 day(s) averaged 4°COct 2022 0 day(s) averaged 5°COct 2022 0 day(s) averaged 6°COct 2022 0 day(s) averaged 7°COct 2022 0 day(s) averaged 8°COct 2022 1 day(s) averaged 9°COct 2022 8 day(s) averaged 10°COct 2022 6 day(s) averaged 11°COct 2022 10 day(s) averaged 12°COct 2022 5 day(s) averaged 13°COct 2022 1 day(s) averaged 14°COct 2022 1 day(s) averaged 15°COct 2022 0 day(s) averaged 16°COct 2022 0 day(s) averaged 17°COct 2022 0 day(s) averaged 18°COct 2022 0 day(s) averaged 19°COct 2022 0 day(s) averaged 20°COct 2022 0 day(s) averaged 21°COct 2022 0 day(s) averaged 22°COct 2022 0 day(s) averaged 23°COct 2022 0 day(s) averaged 24°COct 2022 0 day(s) averaged 25°CNov 2022 0 day(s) averaged -5°CNov 2022 0 day(s) averaged -4°CNov 2022 0 day(s) averaged -3°CNov 2022 0 day(s) averaged -2°CNov 2022 0 day(s) averaged -1°CNov 2022 0 day(s) averaged 0°CNov 2022 0 day(s) averaged 1°CNov 2022 1 day(s) averaged 2°CNov 2022 2 day(s) averaged 3°CNov 2022 1 day(s) averaged 4°CNov 2022 0 day(s) averaged 5°CNov 2022 5 day(s) averaged 6°CNov 2022 2 day(s) averaged 7°CNov 2022 7 day(s) averaged 8°CNov 2022 6 day(s) averaged 9°CNov 2022 3 day(s) averaged 10°CNov 2022 1 day(s) averaged 11°CNov 2022 0 day(s) averaged 12°CNov 2022 1 day(s) averaged 13°CNov 2022 1 day(s) averaged 14°CNov 2022 0 day(s) averaged 15°CNov 2022 0 day(s) averaged 16°CNov 2022 0 day(s) averaged 17°CNov 2022 0 day(s) averaged 18°CNov 2022 0 day(s) averaged 19°CNov 2022 0 day(s) averaged 20°CNov 2022 0 day(s) averaged 21°CNov 2022 0 day(s) averaged 22°CNov 2022 0 day(s) averaged 23°CNov 2022 0 day(s) averaged 24°CNov 2022 0 day(s) averaged 25°CDec 2022 0 day(s) averaged -5°CDec 2022 0 day(s) averaged -4°CDec 2022 0 day(s) averaged -3°CDec 2022 1 day(s) averaged -2°CDec 2022 1 day(s) averaged -1°CDec 2022 9 day(s) averaged 0°CDec 2022 0 day(s) averaged 1°CDec 2022 1 day(s) averaged 2°CDec 2022 1 day(s) averaged 3°CDec 2022 5 day(s) averaged 4°CDec 2022 4 day(s) averaged 5°CDec 2022 3 day(s) averaged 6°CDec 2022 3 day(s) averaged 7°CDec 2022 1 day(s) averaged 8°CDec 2022 0 day(s) averaged 9°CDec 2022 0 day(s) averaged 10°CDec 2022 1 day(s) averaged 11°CDec 2022 0 day(s) averaged 12°CDec 2022 0 day(s) averaged 13°CDec 2022 0 day(s) averaged 14°CDec 2022 0 day(s) averaged 15°CDec 2022 0 day(s) averaged 16°CDec 2022 0 day(s) averaged 17°CDec 2022 0 day(s) averaged 18°CDec 2022 0 day(s) averaged 19°CDec 2022 0 day(s) averaged 20°CDec 2022 0 day(s) averaged 21°CDec 2022 0 day(s) averaged 22°CDec 2022 0 day(s) averaged 23°CDec 2022 0 day(s) averaged 24°CDec 2022 0 day(s) averaged 25°CJan 2023 0 day(s) averaged -5°CJan 2023 0 day(s) averaged -4°CJan 2023 0 day(s) averaged -3°CJan 2023 0 day(s) averaged -2°CJan 2023 0 day(s) averaged -1°CJan 2023 4 day(s) averaged 0°CJan 2023 2 day(s) averaged 1°CJan 2023 1 day(s) averaged 2°CJan 2023 2 day(s) averaged 3°CJan 2023 2 day(s) averaged 4°CJan 2023 4 day(s) averaged 5°CJan 2023 8 day(s) averaged 6°CJan 2023 3 day(s) averaged 7°CJan 2023 2 day(s) averaged 8°CJan 2023 2 day(s) averaged 9°CJan 2023 1 day(s) averaged 10°CJan 2023 0 day(s) averaged 11°CJan 2023 0 day(s) averaged 12°CJan 2023 0 day(s) averaged 13°CJan 2023 0 day(s) averaged 14°CJan 2023 0 day(s) averaged 15°CJan 2023 0 day(s) averaged 16°CJan 2023 0 day(s) averaged 17°CJan 2023 0 day(s) averaged 18°CJan 2023 0 day(s) averaged 19°CJan 2023 0 day(s) averaged 20°CJan 2023 0 day(s) averaged 21°CJan 2023 0 day(s) averaged 22°CJan 2023 0 day(s) averaged 23°CJan 2023 0 day(s) averaged 24°CJan 2023 0 day(s) averaged 25°CFeb 2023 0 day(s) averaged -5°CFeb 2023 0 day(s) averaged -4°CFeb 2023 0 day(s) averaged -3°CFeb 2023 0 day(s) averaged -2°CFeb 2023 0 day(s) averaged -1°CFeb 2023 0 day(s) averaged 0°CFeb 2023 0 day(s) averaged 1°CFeb 2023 0 day(s) averaged 2°CFeb 2023 2 day(s) averaged 3°CFeb 2023 5 day(s) averaged 4°CFeb 2023 4 day(s) averaged 5°CFeb 2023 4 day(s) averaged 6°CFeb 2023 5 day(s) averaged 7°CFeb 2023 3 day(s) averaged 8°CFeb 2023 4 day(s) averaged 9°CFeb 2023 1 day(s) averaged 10°CFeb 2023 0 day(s) averaged 11°CFeb 2023 0 day(s) averaged 12°CFeb 2023 0 day(s) averaged 13°CFeb 2023 0 day(s) averaged 14°CFeb 2023 0 day(s) averaged 15°CFeb 2023 0 day(s) averaged 16°CFeb 2023 0 day(s) averaged 17°CFeb 2023 0 day(s) averaged 18°CFeb 2023 0 day(s) averaged 19°CFeb 2023 0 day(s) averaged 20°CFeb 2023 0 day(s) averaged 21°CFeb 2023 0 day(s) averaged 22°CFeb 2023 0 day(s) averaged 23°CFeb 2023 0 day(s) averaged 24°CFeb 2023 0 day(s) averaged 25°CMar 2023 0 day(s) averaged -5°CMar 2023 0 day(s) averaged -4°CMar 2023 0 day(s) averaged -3°CMar 2023 0 day(s) averaged -2°CMar 2023 0 day(s) averaged -1°CMar 2023 3 day(s) averaged 0°CMar 2023 2 day(s) averaged 1°CMar 2023 1 day(s) averaged 2°CMar 2023 2 day(s) averaged 3°CMar 2023 6 day(s) averaged 4°CMar 2023 1 day(s) averaged 5°CMar 2023 1 day(s) averaged 6°CMar 2023 2 day(s) averaged 7°CMar 2023 1 day(s) averaged 8°CMar 2023 3 day(s) averaged 9°CMar 2023 6 day(s) averaged 10°CMar 2023 3 day(s) averaged 11°CMar 2023 0 day(s) averaged 12°CMar 2023 0 day(s) averaged 13°CMar 2023 0 day(s) averaged 14°CMar 2023 0 day(s) averaged 15°CMar 2023 0 day(s) averaged 16°CMar 2023 0 day(s) averaged 17°CMar 2023 0 day(s) averaged 18°CMar 2023 0 day(s) averaged 19°CMar 2023 0 day(s) averaged 20°CMar 2023 0 day(s) averaged 21°CMar 2023 0 day(s) averaged 22°CMar 2023 0 day(s) averaged 23°CMar 2023 0 day(s) averaged 24°CMar 2023 0 day(s) averaged 25°CApr 2023 0 day(s) averaged -5°CApr 2023 0 day(s) averaged -4°CApr 2023 0 day(s) averaged -3°CApr 2023 0 day(s) averaged -2°CApr 2023 0 day(s) averaged -1°CApr 2023 0 day(s) averaged 0°CApr 2023 0 day(s) averaged 1°CApr 2023 0 day(s) averaged 2°CApr 2023 0 day(s) averaged 3°CApr 2023 0 day(s) averaged 4°CApr 2023 5 day(s) averaged 5°CApr 2023 3 day(s) averaged 6°CApr 2023 3 day(s) averaged 7°CApr 2023 11 day(s) averaged 8°CApr 2023 4 day(s) averaged 9°CApr 2023 3 day(s) averaged 10°CApr 2023 1 day(s) averaged 11°CApr 2023 0 day(s) averaged 12°CApr 2023 0 day(s) averaged 13°CApr 2023 0 day(s) averaged 14°CApr 2023 0 day(s) averaged 15°CApr 2023 0 day(s) averaged 16°CApr 2023 0 day(s) averaged 17°CApr 2023 0 day(s) averaged 18°CApr 2023 0 day(s) averaged 19°CApr 2023 0 day(s) averaged 20°CApr 2023 0 day(s) averaged 21°CApr 2023 0 day(s) averaged 22°CApr 2023 0 day(s) averaged 23°CApr 2023 0 day(s) averaged 24°CApr 2023 0 day(s) averaged 25°CMay 2023 0 day(s) averaged -5°CMay 2023 0 day(s) averaged -4°CMay 2023 0 day(s) averaged -3°CMay 2023 0 day(s) averaged -2°CMay 2023 0 day(s) averaged -1°CMay 2023 0 day(s) averaged 0°CMay 2023 0 day(s) averaged 1°CMay 2023 0 day(s) averaged 2°CMay 2023 0 day(s) averaged 3°CMay 2023 0 day(s) averaged 4°CMay 2023 0 day(s) averaged 5°CMay 2023 0 day(s) averaged 6°CMay 2023 0 day(s) averaged 7°CMay 2023 1 day(s) averaged 8°CMay 2023 3 day(s) averaged 9°CMay 2023 3 day(s) averaged 10°CMay 2023 7 day(s) averaged 11°CMay 2023 6 day(s) averaged 12°CMay 2023 5 day(s) averaged 13°CMay 2023 3 day(s) averaged 14°CMay 2023 3 day(s) averaged 15°CMay 2023 0 day(s) averaged 16°CMay 2023 0 day(s) averaged 17°CMay 2023 0 day(s) averaged 18°CMay 2023 0 day(s) averaged 19°CMay 2023 0 day(s) averaged 20°CMay 2023 0 day(s) averaged 21°CMay 2023 0 day(s) averaged 22°CMay 2023 0 day(s) averaged 23°CMay 2023 0 day(s) averaged 24°CMay 2023 0 day(s) averaged 25°CJun 2023 0 day(s) averaged -5°CJun 2023 0 day(s) averaged -4°CJun 2023 0 day(s) averaged -3°CJun 2023 0 day(s) averaged -2°CJun 2023 0 day(s) averaged -1°CJun 2023 0 day(s) averaged 0°CJun 2023 0 day(s) averaged 1°CJun 2023 0 day(s) averaged 2°CJun 2023 0 day(s) averaged 3°CJun 2023 0 day(s) averaged 4°CJun 2023 0 day(s) averaged 5°CJun 2023 0 day(s) averaged 6°CJun 2023 0 day(s) averaged 7°CJun 2023 0 day(s) averaged 8°CJun 2023 0 day(s) averaged 9°CJun 2023 1 day(s) averaged 10°CJun 2023 4 day(s) averaged 11°CJun 2023 3 day(s) averaged 12°CJun 2023 1 day(s) averaged 13°CJun 2023 1 day(s) averaged 14°CJun 2023 2 day(s) averaged 15°CJun 2023 5 day(s) averaged 16°CJun 2023 4 day(s) averaged 17°CJun 2023 3 day(s) averaged 18°CJun 2023 2 day(s) averaged 19°CJun 2023 2 day(s) averaged 20°CJun 2023 1 day(s) averaged 21°CJun 2023 1 day(s) averaged 22°CJun 2023 0 day(s) averaged 23°CJun 2023 0 day(s) averaged 24°CJun 2023 0 day(s) averaged 25°CJul 2023 0 day(s) averaged -5°CJul 2023 0 day(s) averaged -4°CJul 2023 0 day(s) averaged -3°CJul 2023 0 day(s) averaged -2°CJul 2023 0 day(s) averaged -1°CJul 2023 0 day(s) averaged 0°CJul 2023 0 day(s) averaged 1°CJul 2023 0 day(s) averaged 2°CJul 2023 0 day(s) averaged 3°CJul 2023 0 day(s) averaged 4°CJul 2023 0 day(s) averaged 5°CJul 2023 0 day(s) averaged 6°CJul 2023 0 day(s) averaged 7°CJul 2023 0 day(s) averaged 8°CJul 2023 0 day(s) averaged 9°CJul 2023 0 day(s) averaged 10°CJul 2023 0 day(s) averaged 11°CJul 2023 1 day(s) averaged 12°CJul 2023 5 day(s) averaged 13°CJul 2023 11 day(s) averaged 14°CJul 2023 6 day(s) averaged 15°CJul 2023 3 day(s) averaged 16°CJul 2023 3 day(s) averaged 17°CJul 2023 1 day(s) averaged 18°CJul 2023 0 day(s) averaged 19°CJul 2023 1 day(s) averaged 20°CJul 2023 0 day(s) averaged 21°CJul 2023 0 day(s) averaged 22°CJul 2023 0 day(s) averaged 23°CJul 2023 0 day(s) averaged 24°CJul 2023 0 day(s) averaged 25°CAug 2023 0 day(s) averaged -5°CAug 2023 0 day(s) averaged -4°CAug 2023 0 day(s) averaged -3°CAug 2023 0 day(s) averaged -2°CAug 2023 0 day(s) averaged -1°CAug 2023 0 day(s) averaged 0°CAug 2023 0 day(s) averaged 1°CAug 2023 0 day(s) averaged 2°CAug 2023 0 day(s) averaged 3°CAug 2023 0 day(s) averaged 4°CAug 2023 0 day(s) averaged 5°CAug 2023 0 day(s) averaged 6°CAug 2023 0 day(s) averaged 7°CAug 2023 0 day(s) averaged 8°CAug 2023 0 day(s) averaged 9°CAug 2023 0 day(s) averaged 10°CAug 2023 0 day(s) averaged 11°CAug 2023 1 day(s) averaged 12°CAug 2023 6 day(s) averaged 13°CAug 2023 7 day(s) averaged 14°CAug 2023 4 day(s) averaged 15°CAug 2023 6 day(s) averaged 16°CAug 2023 4 day(s) averaged 17°CAug 2023 1 day(s) averaged 18°CAug 2023 1 day(s) averaged 19°CAug 2023 0 day(s) averaged 20°CAug 2023 1 day(s) averaged 21°CAug 2023 0 day(s) averaged 22°CAug 2023 0 day(s) averaged 23°CAug 2023 0 day(s) averaged 24°CAug 2023 0 day(s) averaged 25°C

This example was made with config:

YAML
data: test.data.leeds-weather
series:
  - title: Sep 2022
    x: Average temperature (C)
    y: 2022-09
    colour: '#005776'
    tooltip: |-
      <strong>{{ _title }}</strong>
      {{ _y }} day(s) averaged {{ _x }}°C
  - title: Oct 2022
    x: Average temperature (C)
    y: 2022-10
    colour: '#005776'
    tooltip: |-
      <strong>{{ _title }}</strong>
      {{ _y }} day(s) averaged {{ _x }}°C
  - title: Nov 2022
    x: Average temperature (C)
    y: 2022-11
    colour: '#005776'
    tooltip: |-
      <strong>{{ _title }}</strong>
      {{ _y }} day(s) averaged {{ _x }}°C
  - title: Dec 2022
    x: Average temperature (C)
    y: 2022-12
    colour: '#005776'
    tooltip: |-
      <strong>{{ _title }}</strong>
      {{ _y }} day(s) averaged {{ _x }}°C
  - title: Jan 2023
    x: Average temperature (C)
    y: 2023-01
    colour: '#005776'
    tooltip: |-
      <strong>{{ _title }}</strong>
      {{ _y }} day(s) averaged {{ _x }}°C
  - title: Feb 2023
    x: Average temperature (C)
    y: 2023-02
    colour: '#005776'
    tooltip: |-
      <strong>{{ _title }}</strong>
      {{ _y }} day(s) averaged {{ _x }}°C
  - title: Mar 2023
    x: Average temperature (C)
    y: 2023-03
    colour: '#005776'
    tooltip: |-
      <strong>{{ _title }}</strong>
      {{ _y }} day(s) averaged {{ _x }}°C
  - title: Apr 2023
    x: Average temperature (C)
    y: 2023-04
    colour: '#005776'
    tooltip: |-
      <strong>{{ _title }}</strong>
      {{ _y }} day(s) averaged {{ _x }}°C
  - title: May 2023
    x: Average temperature (C)
    y: 2023-05
    colour: '#005776'
    tooltip: |-
      <strong>{{ _title }}</strong>
      {{ _y }} day(s) averaged {{ _x }}°C
  - title: Jun 2023
    x: Average temperature (C)
    y: 2023-06
    colour: '#005776'
    tooltip: |-
      <strong>{{ _title }}</strong>
      {{ _y }} day(s) averaged {{ _x }}°C
  - title: Jul 2023
    x: Average temperature (C)
    y: 2023-07
    colour: '#005776'
    tooltip: |-
      <strong>{{ _title }}</strong>
      {{ _y }} day(s) averaged {{ _x }}°C
  - title: Aug 2023
    x: Average temperature (C)
    y: 2023-08
    colour: '#005776'
    tooltip: |-
      <strong>{{ _title }}</strong>
      {{ _y }} day(s) averaged {{ _x }}°C
JSON
{
	"data": "test.data.leeds-weather",
	"series": [{
			"title": "Sep 2022",
			"x": "Average temperature (C)",
			"y": "2022-09",
			"colour": "#005776",
			"tooltip": "<strong>{{ _title }}</strong>\n{{ _y }} day(s) averaged {{ _x }}°C"
		},{
			"title": "Oct 2022",
			"x": "Average temperature (C)",
			"y": "2022-10",
			"colour": "#005776",
			"tooltip": "<strong>{{ _title }}</strong>\n{{ _y }} day(s) averaged {{ _x }}°C"
		},{
			"title": "Nov 2022",
			"x": "Average temperature (C)",
			"y": "2022-11",
			"colour": "#005776",
			"tooltip": "<strong>{{ _title }}</strong>\n{{ _y }} day(s) averaged {{ _x }}°C"
		},{
			"title": "Dec 2022",
			"x": "Average temperature (C)",
			"y": "2022-12",
			"colour": "#005776",
			"tooltip": "<strong>{{ _title }}</strong>\n{{ _y }} day(s) averaged {{ _x }}°C"
		},{
			"title": "Jan 2023",
			"x": "Average temperature (C)",
			"y": "2023-01",
			"colour": "#005776",
			"tooltip": "<strong>{{ _title }}</strong>\n{{ _y }} day(s) averaged {{ _x }}°C"
		},{
			"title": "Feb 2023",
			"x": "Average temperature (C)",
			"y": "2023-02",
			"colour": "#005776",
			"tooltip": "<strong>{{ _title }}</strong>\n{{ _y }} day(s) averaged {{ _x }}°C"
		},{
			"title": "Mar 2023",
			"x": "Average temperature (C)",
			"y": "2023-03",
			"colour": "#005776",
			"tooltip": "<strong>{{ _title }}</strong>\n{{ _y }} day(s) averaged {{ _x }}°C"
		},{
			"title": "Apr 2023",
			"x": "Average temperature (C)",
			"y": "2023-04",
			"colour": "#005776",
			"tooltip": "<strong>{{ _title }}</strong>\n{{ _y }} day(s) averaged {{ _x }}°C"
		},{
			"title": "May 2023",
			"x": "Average temperature (C)",
			"y": "2023-05",
			"colour": "#005776",
			"tooltip": "<strong>{{ _title }}</strong>\n{{ _y }} day(s) averaged {{ _x }}°C"
		},{
			"title": "Jun 2023",
			"x": "Average temperature (C)",
			"y": "2023-06",
			"colour": "#005776",
			"tooltip": "<strong>{{ _title }}</strong>\n{{ _y }} day(s) averaged {{ _x }}°C"
		},{
			"title": "Jul 2023",
			"x": "Average temperature (C)",
			"y": "2023-07",
			"colour": "#005776",
			"tooltip": "<strong>{{ _title }}</strong>\n{{ _y }} day(s) averaged {{ _x }}°C"
		},{
			"title": "Aug 2023",
			"x": "Average temperature (C)",
			"y": "2023-08",
			"colour": "#005776",
			"tooltip": "<strong>{{ _title }}</strong>\n{{ _y }} day(s) averaged {{ _x }}°C"
		}]
}

6. Scale the series§

Embeddable version

By default, the maximum vertical extent of the data will be 2 times the spacing of the series. We can change that by setting ridgeline → height. A larger value will make the ridges taller and make the series closer together. A value closer to 0 will make the ridges shallower and the series further apart.

Average temperature (°C)-50101520255MonthsAug 2023Jul 2023Oct 2022Sep 2022Jun 2023May 2023Apr 2023Mar 2023Feb 2023Jan 2023Dec 2022Nov 2022Sep 2022 -5: 0Sep 2022 -4: 0Sep 2022 -3: 0Sep 2022 -2: 0Sep 2022 -1: 0Sep 2022 0: 0Sep 2022 1: 0Sep 2022 2: 0Sep 2022 3: 0Sep 2022 4: 0Sep 2022 5: 0Sep 2022 6: 0Sep 2022 7: 0Sep 2022 8: 0Sep 2022 9: 2Sep 2022 10: 5Sep 2022 11: 4Sep 2022 12: 2Sep 2022 13: 4Sep 2022 14: 2Sep 2022 15: 2Sep 2022 16: 5Sep 2022 17: 1Sep 2022 18: 3Sep 2022 19: 0Sep 2022 20: 0Sep 2022 21: 0Sep 2022 22: 0Sep 2022 23: 0Sep 2022 24: 0Sep 2022 25: 0Oct 2022 -5: 0Oct 2022 -4: 0Oct 2022 -3: 0Oct 2022 -2: 0Oct 2022 -1: 0Oct 2022 0: 0Oct 2022 1: 0Oct 2022 2: 0Oct 2022 3: 0Oct 2022 4: 0Oct 2022 5: 0Oct 2022 6: 0Oct 2022 7: 0Oct 2022 8: 0Oct 2022 9: 1Oct 2022 10: 8Oct 2022 11: 6Oct 2022 12: 10Oct 2022 13: 5Oct 2022 14: 1Oct 2022 15: 1Oct 2022 16: 0Oct 2022 17: 0Oct 2022 18: 0Oct 2022 19: 0Oct 2022 20: 0Oct 2022 21: 0Oct 2022 22: 0Oct 2022 23: 0Oct 2022 24: 0Oct 2022 25: 0Nov 2022 -5: 0Nov 2022 -4: 0Nov 2022 -3: 0Nov 2022 -2: 0Nov 2022 -1: 0Nov 2022 0: 0Nov 2022 1: 0Nov 2022 2: 1Nov 2022 3: 2Nov 2022 4: 1Nov 2022 5: 0Nov 2022 6: 5Nov 2022 7: 2Nov 2022 8: 7Nov 2022 9: 6Nov 2022 10: 3Nov 2022 11: 1Nov 2022 12: 0Nov 2022 13: 1Nov 2022 14: 1Nov 2022 15: 0Nov 2022 16: 0Nov 2022 17: 0Nov 2022 18: 0Nov 2022 19: 0Nov 2022 20: 0Nov 2022 21: 0Nov 2022 22: 0Nov 2022 23: 0Nov 2022 24: 0Nov 2022 25: 0Dec 2022 -5: 0Dec 2022 -4: 0Dec 2022 -3: 0Dec 2022 -2: 1Dec 2022 -1: 1Dec 2022 0: 9Dec 2022 1: 0Dec 2022 2: 1Dec 2022 3: 1Dec 2022 4: 5Dec 2022 5: 4Dec 2022 6: 3Dec 2022 7: 3Dec 2022 8: 1Dec 2022 9: 0Dec 2022 10: 0Dec 2022 11: 1Dec 2022 12: 0Dec 2022 13: 0Dec 2022 14: 0Dec 2022 15: 0Dec 2022 16: 0Dec 2022 17: 0Dec 2022 18: 0Dec 2022 19: 0Dec 2022 20: 0Dec 2022 21: 0Dec 2022 22: 0Dec 2022 23: 0Dec 2022 24: 0Dec 2022 25: 0Jan 2023 -5: 0Jan 2023 -4: 0Jan 2023 -3: 0Jan 2023 -2: 0Jan 2023 -1: 0Jan 2023 0: 4Jan 2023 1: 2Jan 2023 2: 1Jan 2023 3: 2Jan 2023 4: 2Jan 2023 5: 4Jan 2023 6: 8Jan 2023 7: 3Jan 2023 8: 2Jan 2023 9: 2Jan 2023 10: 1Jan 2023 11: 0Jan 2023 12: 0Jan 2023 13: 0Jan 2023 14: 0Jan 2023 15: 0Jan 2023 16: 0Jan 2023 17: 0Jan 2023 18: 0Jan 2023 19: 0Jan 2023 20: 0Jan 2023 21: 0Jan 2023 22: 0Jan 2023 23: 0Jan 2023 24: 0Jan 2023 25: 0Feb 2023 -5: 0Feb 2023 -4: 0Feb 2023 -3: 0Feb 2023 -2: 0Feb 2023 -1: 0Feb 2023 0: 0Feb 2023 1: 0Feb 2023 2: 0Feb 2023 3: 2Feb 2023 4: 5Feb 2023 5: 4Feb 2023 6: 4Feb 2023 7: 5Feb 2023 8: 3Feb 2023 9: 4Feb 2023 10: 1Feb 2023 11: 0Feb 2023 12: 0Feb 2023 13: 0Feb 2023 14: 0Feb 2023 15: 0Feb 2023 16: 0Feb 2023 17: 0Feb 2023 18: 0Feb 2023 19: 0Feb 2023 20: 0Feb 2023 21: 0Feb 2023 22: 0Feb 2023 23: 0Feb 2023 24: 0Feb 2023 25: 0Mar 2023 -5: 0Mar 2023 -4: 0Mar 2023 -3: 0Mar 2023 -2: 0Mar 2023 -1: 0Mar 2023 0: 3Mar 2023 1: 2Mar 2023 2: 1Mar 2023 3: 2Mar 2023 4: 6Mar 2023 5: 1Mar 2023 6: 1Mar 2023 7: 2Mar 2023 8: 1Mar 2023 9: 3Mar 2023 10: 6Mar 2023 11: 3Mar 2023 12: 0Mar 2023 13: 0Mar 2023 14: 0Mar 2023 15: 0Mar 2023 16: 0Mar 2023 17: 0Mar 2023 18: 0Mar 2023 19: 0Mar 2023 20: 0Mar 2023 21: 0Mar 2023 22: 0Mar 2023 23: 0Mar 2023 24: 0Mar 2023 25: 0Apr 2023 -5: 0Apr 2023 -4: 0Apr 2023 -3: 0Apr 2023 -2: 0Apr 2023 -1: 0Apr 2023 0: 0Apr 2023 1: 0Apr 2023 2: 0Apr 2023 3: 0Apr 2023 4: 0Apr 2023 5: 5Apr 2023 6: 3Apr 2023 7: 3Apr 2023 8: 11Apr 2023 9: 4Apr 2023 10: 3Apr 2023 11: 1Apr 2023 12: 0Apr 2023 13: 0Apr 2023 14: 0Apr 2023 15: 0Apr 2023 16: 0Apr 2023 17: 0Apr 2023 18: 0Apr 2023 19: 0Apr 2023 20: 0Apr 2023 21: 0Apr 2023 22: 0Apr 2023 23: 0Apr 2023 24: 0Apr 2023 25: 0May 2023 -5: 0May 2023 -4: 0May 2023 -3: 0May 2023 -2: 0May 2023 -1: 0May 2023 0: 0May 2023 1: 0May 2023 2: 0May 2023 3: 0May 2023 4: 0May 2023 5: 0May 2023 6: 0May 2023 7: 0May 2023 8: 1May 2023 9: 3May 2023 10: 3May 2023 11: 7May 2023 12: 6May 2023 13: 5May 2023 14: 3May 2023 15: 3May 2023 16: 0May 2023 17: 0May 2023 18: 0May 2023 19: 0May 2023 20: 0May 2023 21: 0May 2023 22: 0May 2023 23: 0May 2023 24: 0May 2023 25: 0Jun 2023 -5: 0Jun 2023 -4: 0Jun 2023 -3: 0Jun 2023 -2: 0Jun 2023 -1: 0Jun 2023 0: 0Jun 2023 1: 0Jun 2023 2: 0Jun 2023 3: 0Jun 2023 4: 0Jun 2023 5: 0Jun 2023 6: 0Jun 2023 7: 0Jun 2023 8: 0Jun 2023 9: 0Jun 2023 10: 1Jun 2023 11: 4Jun 2023 12: 3Jun 2023 13: 1Jun 2023 14: 1Jun 2023 15: 2Jun 2023 16: 5Jun 2023 17: 4Jun 2023 18: 3Jun 2023 19: 2Jun 2023 20: 2Jun 2023 21: 1Jun 2023 22: 1Jun 2023 23: 0Jun 2023 24: 0Jun 2023 25: 0Jul 2023 -5: 0Jul 2023 -4: 0Jul 2023 -3: 0Jul 2023 -2: 0Jul 2023 -1: 0Jul 2023 0: 0Jul 2023 1: 0Jul 2023 2: 0Jul 2023 3: 0Jul 2023 4: 0Jul 2023 5: 0Jul 2023 6: 0Jul 2023 7: 0Jul 2023 8: 0Jul 2023 9: 0Jul 2023 10: 0Jul 2023 11: 0Jul 2023 12: 1Jul 2023 13: 5Jul 2023 14: 11Jul 2023 15: 6Jul 2023 16: 3Jul 2023 17: 3Jul 2023 18: 1Jul 2023 19: 0Jul 2023 20: 1Jul 2023 21: 0Jul 2023 22: 0Jul 2023 23: 0Jul 2023 24: 0Jul 2023 25: 0Aug 2023 -5: 0Aug 2023 -4: 0Aug 2023 -3: 0Aug 2023 -2: 0Aug 2023 -1: 0Aug 2023 0: 0Aug 2023 1: 0Aug 2023 2: 0Aug 2023 3: 0Aug 2023 4: 0Aug 2023 5: 0Aug 2023 6: 0Aug 2023 7: 0Aug 2023 8: 0Aug 2023 9: 0Aug 2023 10: 0Aug 2023 11: 0Aug 2023 12: 1Aug 2023 13: 6Aug 2023 14: 7Aug 2023 15: 4Aug 2023 16: 6Aug 2023 17: 4Aug 2023 18: 1Aug 2023 19: 1Aug 2023 20: 0Aug 2023 21: 1Aug 2023 22: 0Aug 2023 23: 0Aug 2023 24: 0Aug 2023 25: 0

This example was made with config:

YAML
data: test.data.leeds-weather
ridgeline:
  height: 4
axis:
  x:
    title:
      label: Average temperature (°C)
    tick:
      spacing: 5
  'y':
    title:
      label: Months
series:
  - title: Sep 2022
    x: Average temperature (C)
    y: 2022-09
  - title: Oct 2022
    x: Average temperature (C)
    y: 2022-10
  - title: Nov 2022
    x: Average temperature (C)
    y: 2022-11
  - title: Dec 2022
    x: Average temperature (C)
    y: 2022-12
  - title: Jan 2023
    x: Average temperature (C)
    y: 2023-01
  - title: Feb 2023
    x: Average temperature (C)
    y: 2023-02
  - title: Mar 2023
    x: Average temperature (C)
    y: 2023-03
  - title: Apr 2023
    x: Average temperature (C)
    y: 2023-04
  - title: May 2023
    x: Average temperature (C)
    y: 2023-05
  - title: Jun 2023
    x: Average temperature (C)
    y: 2023-06
  - title: Jul 2023
    x: Average temperature (C)
    y: 2023-07
  - title: Aug 2023
    x: Average temperature (C)
    y: 2023-08
JSON
{
	"data": "test.data.leeds-weather",
	"ridgeline": {
		"height": 4
	},
	"axis": {
		"x": {
			"title": {
				"label": "Average temperature (°C)"
			},
			"tick": {
				"spacing": 5
			}
		},
		"y": {
			"title": {
				"label": "Months"
			}
		}
	},
	"series": [{
			"title": "Sep 2022",
			"x": "Average temperature (C)",
			"y": "2022-09"
		},{
			"title": "Oct 2022",
			"x": "Average temperature (C)",
			"y": "2022-10"
		},{
			"title": "Nov 2022",
			"x": "Average temperature (C)",
			"y": "2022-11"
		},{
			"title": "Dec 2022",
			"x": "Average temperature (C)",
			"y": "2022-12"
		},{
			"title": "Jan 2023",
			"x": "Average temperature (C)",
			"y": "2023-01"
		},{
			"title": "Feb 2023",
			"x": "Average temperature (C)",
			"y": "2023-02"
		},{
			"title": "Mar 2023",
			"x": "Average temperature (C)",
			"y": "2023-03"
		},{
			"title": "Apr 2023",
			"x": "Average temperature (C)",
			"y": "2023-04"
		},{
			"title": "May 2023",
			"x": "Average temperature (C)",
			"y": "2023-05"
		},{
			"title": "Jun 2023",
			"x": "Average temperature (C)",
			"y": "2023-06"
		},{
			"title": "Jul 2023",
			"x": "Average temperature (C)",
			"y": "2023-07"
		},{
			"title": "Aug 2023",
			"x": "Average temperature (C)",
			"y": "2023-08"
		}]
}

7. Add curvature to the lines§

Embeddable version

By default the data are joined by straight lines. You can apply a curvature (0 = none, 1 = maximum) to all the lines by setting ridgeline → curvature.

-50101520255Aug 2023Jul 2023Oct 2022Sep 2022Jun 2023May 2023Apr 2023Mar 2023Feb 2023Jan 2023Dec 2022Nov 2022Sep 2022 -5: 0Sep 2022 -4: 0Sep 2022 -3: 0Sep 2022 -2: 0Sep 2022 -1: 0Sep 2022 0: 0Sep 2022 1: 0Sep 2022 2: 0Sep 2022 3: 0Sep 2022 4: 0Sep 2022 5: 0Sep 2022 6: 0Sep 2022 7: 0Sep 2022 8: 0Sep 2022 9: 2Sep 2022 10: 5Sep 2022 11: 4Sep 2022 12: 2Sep 2022 13: 4Sep 2022 14: 2Sep 2022 15: 2Sep 2022 16: 5Sep 2022 17: 1Sep 2022 18: 3Sep 2022 19: 0Sep 2022 20: 0Sep 2022 21: 0Sep 2022 22: 0Sep 2022 23: 0Sep 2022 24: 0Sep 2022 25: 0Oct 2022 -5: 0Oct 2022 -4: 0Oct 2022 -3: 0Oct 2022 -2: 0Oct 2022 -1: 0Oct 2022 0: 0Oct 2022 1: 0Oct 2022 2: 0Oct 2022 3: 0Oct 2022 4: 0Oct 2022 5: 0Oct 2022 6: 0Oct 2022 7: 0Oct 2022 8: 0Oct 2022 9: 1Oct 2022 10: 8Oct 2022 11: 6Oct 2022 12: 10Oct 2022 13: 5Oct 2022 14: 1Oct 2022 15: 1Oct 2022 16: 0Oct 2022 17: 0Oct 2022 18: 0Oct 2022 19: 0Oct 2022 20: 0Oct 2022 21: 0Oct 2022 22: 0Oct 2022 23: 0Oct 2022 24: 0Oct 2022 25: 0Nov 2022 -5: 0Nov 2022 -4: 0Nov 2022 -3: 0Nov 2022 -2: 0Nov 2022 -1: 0Nov 2022 0: 0Nov 2022 1: 0Nov 2022 2: 1Nov 2022 3: 2Nov 2022 4: 1Nov 2022 5: 0Nov 2022 6: 5Nov 2022 7: 2Nov 2022 8: 7Nov 2022 9: 6Nov 2022 10: 3Nov 2022 11: 1Nov 2022 12: 0Nov 2022 13: 1Nov 2022 14: 1Nov 2022 15: 0Nov 2022 16: 0Nov 2022 17: 0Nov 2022 18: 0Nov 2022 19: 0Nov 2022 20: 0Nov 2022 21: 0Nov 2022 22: 0Nov 2022 23: 0Nov 2022 24: 0Nov 2022 25: 0Dec 2022 -5: 0Dec 2022 -4: 0Dec 2022 -3: 0Dec 2022 -2: 1Dec 2022 -1: 1Dec 2022 0: 9Dec 2022 1: 0Dec 2022 2: 1Dec 2022 3: 1Dec 2022 4: 5Dec 2022 5: 4Dec 2022 6: 3Dec 2022 7: 3Dec 2022 8: 1Dec 2022 9: 0Dec 2022 10: 0Dec 2022 11: 1Dec 2022 12: 0Dec 2022 13: 0Dec 2022 14: 0Dec 2022 15: 0Dec 2022 16: 0Dec 2022 17: 0Dec 2022 18: 0Dec 2022 19: 0Dec 2022 20: 0Dec 2022 21: 0Dec 2022 22: 0Dec 2022 23: 0Dec 2022 24: 0Dec 2022 25: 0Jan 2023 -5: 0Jan 2023 -4: 0Jan 2023 -3: 0Jan 2023 -2: 0Jan 2023 -1: 0Jan 2023 0: 4Jan 2023 1: 2Jan 2023 2: 1Jan 2023 3: 2Jan 2023 4: 2Jan 2023 5: 4Jan 2023 6: 8Jan 2023 7: 3Jan 2023 8: 2Jan 2023 9: 2Jan 2023 10: 1Jan 2023 11: 0Jan 2023 12: 0Jan 2023 13: 0Jan 2023 14: 0Jan 2023 15: 0Jan 2023 16: 0Jan 2023 17: 0Jan 2023 18: 0Jan 2023 19: 0Jan 2023 20: 0Jan 2023 21: 0Jan 2023 22: 0Jan 2023 23: 0Jan 2023 24: 0Jan 2023 25: 0Feb 2023 -5: 0Feb 2023 -4: 0Feb 2023 -3: 0Feb 2023 -2: 0Feb 2023 -1: 0Feb 2023 0: 0Feb 2023 1: 0Feb 2023 2: 0Feb 2023 3: 2Feb 2023 4: 5Feb 2023 5: 4Feb 2023 6: 4Feb 2023 7: 5Feb 2023 8: 3Feb 2023 9: 4Feb 2023 10: 1Feb 2023 11: 0Feb 2023 12: 0Feb 2023 13: 0Feb 2023 14: 0Feb 2023 15: 0Feb 2023 16: 0Feb 2023 17: 0Feb 2023 18: 0Feb 2023 19: 0Feb 2023 20: 0Feb 2023 21: 0Feb 2023 22: 0Feb 2023 23: 0Feb 2023 24: 0Feb 2023 25: 0Mar 2023 -5: 0Mar 2023 -4: 0Mar 2023 -3: 0Mar 2023 -2: 0Mar 2023 -1: 0Mar 2023 0: 3Mar 2023 1: 2Mar 2023 2: 1Mar 2023 3: 2Mar 2023 4: 6Mar 2023 5: 1Mar 2023 6: 1Mar 2023 7: 2Mar 2023 8: 1Mar 2023 9: 3Mar 2023 10: 6Mar 2023 11: 3Mar 2023 12: 0Mar 2023 13: 0Mar 2023 14: 0Mar 2023 15: 0Mar 2023 16: 0Mar 2023 17: 0Mar 2023 18: 0Mar 2023 19: 0Mar 2023 20: 0Mar 2023 21: 0Mar 2023 22: 0Mar 2023 23: 0Mar 2023 24: 0Mar 2023 25: 0Apr 2023 -5: 0Apr 2023 -4: 0Apr 2023 -3: 0Apr 2023 -2: 0Apr 2023 -1: 0Apr 2023 0: 0Apr 2023 1: 0Apr 2023 2: 0Apr 2023 3: 0Apr 2023 4: 0Apr 2023 5: 5Apr 2023 6: 3Apr 2023 7: 3Apr 2023 8: 11Apr 2023 9: 4Apr 2023 10: 3Apr 2023 11: 1Apr 2023 12: 0Apr 2023 13: 0Apr 2023 14: 0Apr 2023 15: 0Apr 2023 16: 0Apr 2023 17: 0Apr 2023 18: 0Apr 2023 19: 0Apr 2023 20: 0Apr 2023 21: 0Apr 2023 22: 0Apr 2023 23: 0Apr 2023 24: 0Apr 2023 25: 0May 2023 -5: 0May 2023 -4: 0May 2023 -3: 0May 2023 -2: 0May 2023 -1: 0May 2023 0: 0May 2023 1: 0May 2023 2: 0May 2023 3: 0May 2023 4: 0May 2023 5: 0May 2023 6: 0May 2023 7: 0May 2023 8: 1May 2023 9: 3May 2023 10: 3May 2023 11: 7May 2023 12: 6May 2023 13: 5May 2023 14: 3May 2023 15: 3May 2023 16: 0May 2023 17: 0May 2023 18: 0May 2023 19: 0May 2023 20: 0May 2023 21: 0May 2023 22: 0May 2023 23: 0May 2023 24: 0May 2023 25: 0Jun 2023 -5: 0Jun 2023 -4: 0Jun 2023 -3: 0Jun 2023 -2: 0Jun 2023 -1: 0Jun 2023 0: 0Jun 2023 1: 0Jun 2023 2: 0Jun 2023 3: 0Jun 2023 4: 0Jun 2023 5: 0Jun 2023 6: 0Jun 2023 7: 0Jun 2023 8: 0Jun 2023 9: 0Jun 2023 10: 1Jun 2023 11: 4Jun 2023 12: 3Jun 2023 13: 1Jun 2023 14: 1Jun 2023 15: 2Jun 2023 16: 5Jun 2023 17: 4Jun 2023 18: 3Jun 2023 19: 2Jun 2023 20: 2Jun 2023 21: 1Jun 2023 22: 1Jun 2023 23: 0Jun 2023 24: 0Jun 2023 25: 0Jul 2023 -5: 0Jul 2023 -4: 0Jul 2023 -3: 0Jul 2023 -2: 0Jul 2023 -1: 0Jul 2023 0: 0Jul 2023 1: 0Jul 2023 2: 0Jul 2023 3: 0Jul 2023 4: 0Jul 2023 5: 0Jul 2023 6: 0Jul 2023 7: 0Jul 2023 8: 0Jul 2023 9: 0Jul 2023 10: 0Jul 2023 11: 0Jul 2023 12: 1Jul 2023 13: 5Jul 2023 14: 11Jul 2023 15: 6Jul 2023 16: 3Jul 2023 17: 3Jul 2023 18: 1Jul 2023 19: 0Jul 2023 20: 1Jul 2023 21: 0Jul 2023 22: 0Jul 2023 23: 0Jul 2023 24: 0Jul 2023 25: 0Aug 2023 -5: 0Aug 2023 -4: 0Aug 2023 -3: 0Aug 2023 -2: 0Aug 2023 -1: 0Aug 2023 0: 0Aug 2023 1: 0Aug 2023 2: 0Aug 2023 3: 0Aug 2023 4: 0Aug 2023 5: 0Aug 2023 6: 0Aug 2023 7: 0Aug 2023 8: 0Aug 2023 9: 0Aug 2023 10: 0Aug 2023 11: 0Aug 2023 12: 1Aug 2023 13: 6Aug 2023 14: 7Aug 2023 15: 4Aug 2023 16: 6Aug 2023 17: 4Aug 2023 18: 1Aug 2023 19: 1Aug 2023 20: 0Aug 2023 21: 1Aug 2023 22: 0Aug 2023 23: 0Aug 2023 24: 0Aug 2023 25: 0

This example was made with config:

YAML
data: test.data.leeds-weather
ridgeline:
  curvature: 0.75
series:
  - title: Sep 2022
    x: Average temperature (C)
    y: 2022-09
  - title: Oct 2022
    x: Average temperature (C)
    y: 2022-10
  - title: Nov 2022
    x: Average temperature (C)
    y: 2022-11
  - title: Dec 2022
    x: Average temperature (C)
    y: 2022-12
  - title: Jan 2023
    x: Average temperature (C)
    y: 2023-01
  - title: Feb 2023
    x: Average temperature (C)
    y: 2023-02
  - title: Mar 2023
    x: Average temperature (C)
    y: 2023-03
  - title: Apr 2023
    x: Average temperature (C)
    y: 2023-04
  - title: May 2023
    x: Average temperature (C)
    y: 2023-05
  - title: Jun 2023
    x: Average temperature (C)
    y: 2023-06
  - title: Jul 2023
    x: Average temperature (C)
    y: 2023-07
  - title: Aug 2023
    x: Average temperature (C)
    y: 2023-08
JSON
{
	"data": "test.data.leeds-weather",
	"ridgeline": {
		"curvature": 0.75
	},
	"series": [{
			"title": "Sep 2022",
			"x": "Average temperature (C)",
			"y": "2022-09"
		},{
			"title": "Oct 2022",
			"x": "Average temperature (C)",
			"y": "2022-10"
		},{
			"title": "Nov 2022",
			"x": "Average temperature (C)",
			"y": "2022-11"
		},{
			"title": "Dec 2022",
			"x": "Average temperature (C)",
			"y": "2022-12"
		},{
			"title": "Jan 2023",
			"x": "Average temperature (C)",
			"y": "2023-01"
		},{
			"title": "Feb 2023",
			"x": "Average temperature (C)",
			"y": "2023-02"
		},{
			"title": "Mar 2023",
			"x": "Average temperature (C)",
			"y": "2023-03"
		},{
			"title": "Apr 2023",
			"x": "Average temperature (C)",
			"y": "2023-04"
		},{
			"title": "May 2023",
			"x": "Average temperature (C)",
			"y": "2023-05"
		},{
			"title": "Jun 2023",
			"x": "Average temperature (C)",
			"y": "2023-06"
		},{
			"title": "Jul 2023",
			"x": "Average temperature (C)",
			"y": "2023-07"
		},{
			"title": "Aug 2023",
			"x": "Average temperature (C)",
			"y": "2023-08"
		}]
}

8. Big example§

Embeddable version

Here is an example inspired by a BBC News article that uses world daily surface air temperature (ECMWF Reanalysis v5 from C3S). The original data is provided with average global temperature per day per year. For each day the temperature difference for that day compared with the 1991-2020 average is found and added to 0.1°C wide bins to get the data for the plot. We define a gradient with a name (BuRd) and a series of colour stops; the gradient is used as the fill value for each series. We set the line → stroke-width for each line to make them thinner.

Temperature difference from the 1991-2020 average (°C)-0.5-1.0-1.50.00.51.01.5Number of days each year201020052000199520201990198519801975197019651960195519501945201519401940 -1.3°C: 0 days1940 -1.2°C: 0 days1940 -1.1°C: 13 days1940 -1°C: 30 days1940 -0.9°C: 39 days1940 -0.8°C: 49 days1940 -0.7°C: 63 days1940 -0.6°C: 57 days1940 -0.5°C: 77 days1940 -0.4°C: 29 days1940 -0.3°C: 8 days1940 -0.2°C: 0 days1940 -0.1°C: 0 days1940 0°C: 0 days1940 0.1°C: 0 days1940 0.2°C: 0 days1940 0.3°C: 0 days1940 0.4°C: 0 days1940 0.5°C: 0 days1940 0.6°C: 0 days1940 0.7°C: 0 days1940 0.8°C: 0 days1940 0.9°C: 0 days1940 1°C: 0 days1940 1.1°C: 0 days1941 -1.3°C: 0 days1941 -1.2°C: 0 days1941 -1.1°C: 5 days1941 -1°C: 20 days1941 -0.9°C: 22 days1941 -0.8°C: 40 days1941 -0.7°C: 82 days1941 -0.6°C: 80 days1941 -0.5°C: 67 days1941 -0.4°C: 36 days1941 -0.3°C: 12 days1941 -0.2°C: 1 days1941 -0.1°C: 0 days1941 0°C: 0 days1941 0.1°C: 0 days1941 0.2°C: 0 days1941 0.3°C: 0 days1941 0.4°C: 0 days1941 0.5°C: 0 days1941 0.6°C: 0 days1941 0.7°C: 0 days1941 0.8°C: 0 days1941 0.9°C: 0 days1941 1°C: 0 days1941 1.1°C: 0 days1942 -1.3°C: 0 days1942 -1.2°C: 0 days1942 -1.1°C: 8 days1942 -1°C: 13 days1942 -0.9°C: 51 days1942 -0.8°C: 102 days1942 -0.7°C: 75 days1942 -0.6°C: 74 days1942 -0.5°C: 30 days1942 -0.4°C: 12 days1942 -0.3°C: 0 days1942 -0.2°C: 0 days1942 -0.1°C: 0 days1942 0°C: 0 days1942 0.1°C: 0 days1942 0.2°C: 0 days1942 0.3°C: 0 days1942 0.4°C: 0 days1942 0.5°C: 0 days1942 0.6°C: 0 days1942 0.7°C: 0 days1942 0.8°C: 0 days1942 0.9°C: 0 days1942 1°C: 0 days1942 1.1°C: 0 days1943 -1.3°C: 0 days1943 -1.2°C: 2 days1943 -1.1°C: 8 days1943 -1°C: 15 days1943 -0.9°C: 31 days1943 -0.8°C: 78 days1943 -0.7°C: 122 days1943 -0.6°C: 85 days1943 -0.5°C: 21 days1943 -0.4°C: 3 days1943 -0.3°C: 0 days1943 -0.2°C: 0 days1943 -0.1°C: 0 days1943 0°C: 0 days1943 0.1°C: 0 days1943 0.2°C: 0 days1943 0.3°C: 0 days1943 0.4°C: 0 days1943 0.5°C: 0 days1943 0.6°C: 0 days1943 0.7°C: 0 days1943 0.8°C: 0 days1943 0.9°C: 0 days1943 1°C: 0 days1943 1.1°C: 0 days1944 -1.3°C: 0 days1944 -1.2°C: 0 days1944 -1.1°C: 0 days1944 -1°C: 0 days1944 -0.9°C: 3 days1944 -0.8°C: 31 days1944 -0.7°C: 46 days1944 -0.6°C: 84 days1944 -0.5°C: 83 days1944 -0.4°C: 80 days1944 -0.3°C: 29 days1944 -0.2°C: 8 days1944 -0.1°C: 1 days1944 0°C: 0 days1944 0.1°C: 0 days1944 0.2°C: 0 days1944 0.3°C: 0 days1944 0.4°C: 0 days1944 0.5°C: 0 days1944 0.6°C: 0 days1944 0.7°C: 0 days1944 0.8°C: 0 days1944 0.9°C: 0 days1944 1°C: 0 days1944 1.1°C: 0 days1945 -1.3°C: 0 days1945 -1.2°C: 1 days1945 -1.1°C: 3 days1945 -1°C: 13 days1945 -0.9°C: 48 days1945 -0.8°C: 70 days1945 -0.7°C: 77 days1945 -0.6°C: 57 days1945 -0.5°C: 51 days1945 -0.4°C: 27 days1945 -0.3°C: 5 days1945 -0.2°C: 7 days1945 -0.1°C: 6 days1945 0°C: 0 days1945 0.1°C: 0 days1945 0.2°C: 0 days1945 0.3°C: 0 days1945 0.4°C: 0 days1945 0.5°C: 0 days1945 0.6°C: 0 days1945 0.7°C: 0 days1945 0.8°C: 0 days1945 0.9°C: 0 days1945 1°C: 0 days1945 1.1°C: 0 days1946 -1.3°C: 0 days1946 -1.2°C: 0 days1946 -1.1°C: 0 days1946 -1°C: 6 days1946 -0.9°C: 17 days1946 -0.8°C: 53 days1946 -0.7°C: 140 days1946 -0.6°C: 91 days1946 -0.5°C: 42 days1946 -0.4°C: 16 days1946 -0.3°C: 0 days1946 -0.2°C: 0 days1946 -0.1°C: 0 days1946 0°C: 0 days1946 0.1°C: 0 days1946 0.2°C: 0 days1946 0.3°C: 0 days1946 0.4°C: 0 days1946 0.5°C: 0 days1946 0.6°C: 0 days1946 0.7°C: 0 days1946 0.8°C: 0 days1946 0.9°C: 0 days1946 1°C: 0 days1946 1.1°C: 0 days1947 -1.3°C: 0 days1947 -1.2°C: 0 days1947 -1.1°C: 2 days1947 -1°C: 9 days1947 -0.9°C: 10 days1947 -0.8°C: 39 days1947 -0.7°C: 77 days1947 -0.6°C: 119 days1947 -0.5°C: 79 days1947 -0.4°C: 29 days1947 -0.3°C: 1 days1947 -0.2°C: 0 days1947 -0.1°C: 0 days1947 0°C: 0 days1947 0.1°C: 0 days1947 0.2°C: 0 days1947 0.3°C: 0 days1947 0.4°C: 0 days1947 0.5°C: 0 days1947 0.6°C: 0 days1947 0.7°C: 0 days1947 0.8°C: 0 days1947 0.9°C: 0 days1947 1°C: 0 days1947 1.1°C: 0 days1948 -1.3°C: 1 days1948 -1.2°C: 4 days1948 -1.1°C: 7 days1948 -1°C: 29 days1948 -0.9°C: 29 days1948 -0.8°C: 48 days1948 -0.7°C: 67 days1948 -0.6°C: 88 days1948 -0.5°C: 67 days1948 -0.4°C: 17 days1948 -0.3°C: 5 days1948 -0.2°C: 3 days1948 -0.1°C: 0 days1948 0°C: 0 days1948 0.1°C: 0 days1948 0.2°C: 0 days1948 0.3°C: 0 days1948 0.4°C: 0 days1948 0.5°C: 0 days1948 0.6°C: 0 days1948 0.7°C: 0 days1948 0.8°C: 0 days1948 0.9°C: 0 days1948 1°C: 0 days1948 1.1°C: 0 days1949 -1.3°C: 0 days1949 -1.2°C: 0 days1949 -1.1°C: 0 days1949 -1°C: 5 days1949 -0.9°C: 13 days1949 -0.8°C: 62 days1949 -0.7°C: 116 days1949 -0.6°C: 100 days1949 -0.5°C: 43 days1949 -0.4°C: 24 days1949 -0.3°C: 2 days1949 -0.2°C: 0 days1949 -0.1°C: 0 days1949 0°C: 0 days1949 0.1°C: 0 days1949 0.2°C: 0 days1949 0.3°C: 0 days1949 0.4°C: 0 days1949 0.5°C: 0 days1949 0.6°C: 0 days1949 0.7°C: 0 days1949 0.8°C: 0 days1949 0.9°C: 0 days1949 1°C: 0 days1949 1.1°C: 0 days1950 -1.3°C: 0 days1950 -1.2°C: 0 days1950 -1.1°C: 6 days1950 -1°C: 31 days1950 -0.9°C: 66 days1950 -0.8°C: 96 days1950 -0.7°C: 79 days1950 -0.6°C: 70 days1950 -0.5°C: 12 days1950 -0.4°C: 5 days1950 -0.3°C: 0 days1950 -0.2°C: 0 days1950 -0.1°C: 0 days1950 0°C: 0 days1950 0.1°C: 0 days1950 0.2°C: 0 days1950 0.3°C: 0 days1950 0.4°C: 0 days1950 0.5°C: 0 days1950 0.6°C: 0 days1950 0.7°C: 0 days1950 0.8°C: 0 days1950 0.9°C: 0 days1950 1°C: 0 days1950 1.1°C: 0 days1951 -1.3°C: 0 days1951 -1.2°C: 6 days1951 -1.1°C: 13 days1951 -1°C: 23 days1951 -0.9°C: 22 days1951 -0.8°C: 42 days1951 -0.7°C: 50 days1951 -0.6°C: 68 days1951 -0.5°C: 55 days1951 -0.4°C: 44 days1951 -0.3°C: 29 days1951 -0.2°C: 13 days1951 -0.1°C: 0 days1951 0°C: 0 days1951 0.1°C: 0 days1951 0.2°C: 0 days1951 0.3°C: 0 days1951 0.4°C: 0 days1951 0.5°C: 0 days1951 0.6°C: 0 days1951 0.7°C: 0 days1951 0.8°C: 0 days1951 0.9°C: 0 days1951 1°C: 0 days1951 1.1°C: 0 days1952 -1.3°C: 0 days1952 -1.2°C: 0 days1952 -1.1°C: 2 days1952 -1°C: 7 days1952 -0.9°C: 24 days1952 -0.8°C: 55 days1952 -0.7°C: 93 days1952 -0.6°C: 104 days1952 -0.5°C: 48 days1952 -0.4°C: 18 days1952 -0.3°C: 10 days1952 -0.2°C: 4 days1952 -0.1°C: 0 days1952 0°C: 0 days1952 0.1°C: 0 days1952 0.2°C: 0 days1952 0.3°C: 0 days1952 0.4°C: 0 days1952 0.5°C: 0 days1952 0.6°C: 0 days1952 0.7°C: 0 days1952 0.8°C: 0 days1952 0.9°C: 0 days1952 1°C: 0 days1952 1.1°C: 0 days1953 -1.3°C: 0 days1953 -1.2°C: 0 days1953 -1.1°C: 0 days1953 -1°C: 0 days1953 -0.9°C: 5 days1953 -0.8°C: 21 days1953 -0.7°C: 84 days1953 -0.6°C: 104 days1953 -0.5°C: 82 days1953 -0.4°C: 42 days1953 -0.3°C: 24 days1953 -0.2°C: 2 days1953 -0.1°C: 1 days1953 0°C: 0 days1953 0.1°C: 0 days1953 0.2°C: 0 days1953 0.3°C: 0 days1953 0.4°C: 0 days1953 0.5°C: 0 days1953 0.6°C: 0 days1953 0.7°C: 0 days1953 0.8°C: 0 days1953 0.9°C: 0 days1953 1°C: 0 days1953 1.1°C: 0 days1954 -1.3°C: 0 days1954 -1.2°C: 0 days1954 -1.1°C: 6 days1954 -1°C: 25 days1954 -0.9°C: 70 days1954 -0.8°C: 101 days1954 -0.7°C: 81 days1954 -0.6°C: 59 days1954 -0.5°C: 17 days1954 -0.4°C: 6 days1954 -0.3°C: 0 days1954 -0.2°C: 0 days1954 -0.1°C: 0 days1954 0°C: 0 days1954 0.1°C: 0 days1954 0.2°C: 0 days1954 0.3°C: 0 days1954 0.4°C: 0 days1954 0.5°C: 0 days1954 0.6°C: 0 days1954 0.7°C: 0 days1954 0.8°C: 0 days1954 0.9°C: 0 days1954 1°C: 0 days1954 1.1°C: 0 days1955 -1.3°C: 0 days1955 -1.2°C: 7 days1955 -1.1°C: 12 days1955 -1°C: 35 days1955 -0.9°C: 71 days1955 -0.8°C: 78 days1955 -0.7°C: 87 days1955 -0.6°C: 40 days1955 -0.5°C: 23 days1955 -0.4°C: 9 days1955 -0.3°C: 3 days1955 -0.2°C: 0 days1955 -0.1°C: 0 days1955 0°C: 0 days1955 0.1°C: 0 days1955 0.2°C: 0 days1955 0.3°C: 0 days1955 0.4°C: 0 days1955 0.5°C: 0 days1955 0.6°C: 0 days1955 0.7°C: 0 days1955 0.8°C: 0 days1955 0.9°C: 0 days1955 1°C: 0 days1955 1.1°C: 0 days1956 -1.3°C: 0 days1956 -1.2°C: 2 days1956 -1.1°C: 9 days1956 -1°C: 40 days1956 -0.9°C: 130 days1956 -0.8°C: 109 days1956 -0.7°C: 58 days1956 -0.6°C: 13 days1956 -0.5°C: 3 days1956 -0.4°C: 1 days1956 -0.3°C: 0 days1956 -0.2°C: 0 days1956 -0.1°C: 0 days1956 0°C: 0 days1956 0.1°C: 0 days1956 0.2°C: 0 days1956 0.3°C: 0 days1956 0.4°C: 0 days1956 0.5°C: 0 days1956 0.6°C: 0 days1956 0.7°C: 0 days1956 0.8°C: 0 days1956 0.9°C: 0 days1956 1°C: 0 days1956 1.1°C: 0 days1957 -1.3°C: 0 days1957 -1.2°C: 0 days1957 -1.1°C: 0 days1957 -1°C: 2 days1957 -0.9°C: 22 days1957 -0.8°C: 40 days1957 -0.7°C: 50 days1957 -0.6°C: 100 days1957 -0.5°C: 95 days1957 -0.4°C: 45 days1957 -0.3°C: 11 days1957 -0.2°C: 0 days1957 -0.1°C: 0 days1957 0°C: 0 days1957 0.1°C: 0 days1957 0.2°C: 0 days1957 0.3°C: 0 days1957 0.4°C: 0 days1957 0.5°C: 0 days1957 0.6°C: 0 days1957 0.7°C: 0 days1957 0.8°C: 0 days1957 0.9°C: 0 days1957 1°C: 0 days1957 1.1°C: 0 days1958 -1.3°C: 0 days1958 -1.2°C: 0 days1958 -1.1°C: 0 days1958 -1°C: 2 days1958 -0.9°C: 6 days1958 -0.8°C: 17 days1958 -0.7°C: 61 days1958 -0.6°C: 87 days1958 -0.5°C: 99 days1958 -0.4°C: 55 days1958 -0.3°C: 25 days1958 -0.2°C: 4 days1958 -0.1°C: 6 days1958 0°C: 2 days1958 0.1°C: 1 days1958 0.2°C: 0 days1958 0.3°C: 0 days1958 0.4°C: 0 days1958 0.5°C: 0 days1958 0.6°C: 0 days1958 0.7°C: 0 days1958 0.8°C: 0 days1958 0.9°C: 0 days1958 1°C: 0 days1958 1.1°C: 0 days1959 -1.3°C: 0 days1959 -1.2°C: 0 days1959 -1.1°C: 0 days1959 -1°C: 4 days1959 -0.9°C: 3 days1959 -0.8°C: 29 days1959 -0.7°C: 64 days1959 -0.6°C: 101 days1959 -0.5°C: 83 days1959 -0.4°C: 57 days1959 -0.3°C: 23 days1959 -0.2°C: 1 days1959 -0.1°C: 0 days1959 0°C: 0 days1959 0.1°C: 0 days1959 0.2°C: 0 days1959 0.3°C: 0 days1959 0.4°C: 0 days1959 0.5°C: 0 days1959 0.6°C: 0 days1959 0.7°C: 0 days1959 0.8°C: 0 days1959 0.9°C: 0 days1959 1°C: 0 days1959 1.1°C: 0 days1960 -1.3°C: 0 days1960 -1.2°C: 0 days1960 -1.1°C: 8 days1960 -1°C: 8 days1960 -0.9°C: 19 days1960 -0.8°C: 39 days1960 -0.7°C: 69 days1960 -0.6°C: 76 days1960 -0.5°C: 77 days1960 -0.4°C: 60 days1960 -0.3°C: 8 days1960 -0.2°C: 1 days1960 -0.1°C: 0 days1960 0°C: 0 days1960 0.1°C: 0 days1960 0.2°C: 0 days1960 0.3°C: 0 days1960 0.4°C: 0 days1960 0.5°C: 0 days1960 0.6°C: 0 days1960 0.7°C: 0 days1960 0.8°C: 0 days1960 0.9°C: 0 days1960 1°C: 0 days1960 1.1°C: 0 days1961 -1.3°C: 0 days1961 -1.2°C: 0 days1961 -1.1°C: 0 days1961 -1°C: 3 days1961 -0.9°C: 4 days1961 -0.8°C: 18 days1961 -0.7°C: 41 days1961 -0.6°C: 89 days1961 -0.5°C: 121 days1961 -0.4°C: 61 days1961 -0.3°C: 27 days1961 -0.2°C: 1 days1961 -0.1°C: 0 days1961 0°C: 0 days1961 0.1°C: 0 days1961 0.2°C: 0 days1961 0.3°C: 0 days1961 0.4°C: 0 days1961 0.5°C: 0 days1961 0.6°C: 0 days1961 0.7°C: 0 days1961 0.8°C: 0 days1961 0.9°C: 0 days1961 1°C: 0 days1961 1.1°C: 0 days1962 -1.3°C: 0 days1962 -1.2°C: 0 days1962 -1.1°C: 0 days1962 -1°C: 0 days1962 -0.9°C: 5 days1962 -0.8°C: 23 days1962 -0.7°C: 79 days1962 -0.6°C: 139 days1962 -0.5°C: 85 days1962 -0.4°C: 34 days1962 -0.3°C: 0 days1962 -0.2°C: 0 days1962 -0.1°C: 0 days1962 0°C: 0 days1962 0.1°C: 0 days1962 0.2°C: 0 days1962 0.3°C: 0 days1962 0.4°C: 0 days1962 0.5°C: 0 days1962 0.6°C: 0 days1962 0.7°C: 0 days1962 0.8°C: 0 days1962 0.9°C: 0 days1962 1°C: 0 days1962 1.1°C: 0 days1963 -1.3°C: 0 days1963 -1.2°C: 0 days1963 -1.1°C: 0 days1963 -1°C: 5 days1963 -0.9°C: 21 days1963 -0.8°C: 23 days1963 -0.7°C: 48 days1963 -0.6°C: 72 days1963 -0.5°C: 98 days1963 -0.4°C: 60 days1963 -0.3°C: 34 days1963 -0.2°C: 3 days1963 -0.1°C: 1 days1963 0°C: 0 days1963 0.1°C: 0 days1963 0.2°C: 0 days1963 0.3°C: 0 days1963 0.4°C: 0 days1963 0.5°C: 0 days1963 0.6°C: 0 days1963 0.7°C: 0 days1963 0.8°C: 0 days1963 0.9°C: 0 days1963 1°C: 0 days1963 1.1°C: 0 days1964 -1.3°C: 0 days1964 -1.2°C: 0 days1964 -1.1°C: 19 days1964 -1°C: 36 days1964 -0.9°C: 64 days1964 -0.8°C: 78 days1964 -0.7°C: 86 days1964 -0.6°C: 51 days1964 -0.5°C: 13 days1964 -0.4°C: 13 days1964 -0.3°C: 5 days1964 -0.2°C: 0 days1964 -0.1°C: 0 days1964 0°C: 0 days1964 0.1°C: 0 days1964 0.2°C: 0 days1964 0.3°C: 0 days1964 0.4°C: 0 days1964 0.5°C: 0 days1964 0.6°C: 0 days1964 0.7°C: 0 days1964 0.8°C: 0 days1964 0.9°C: 0 days1964 1°C: 0 days1964 1.1°C: 0 days1965 -1.3°C: 0 days1965 -1.2°C: 0 days1965 -1.1°C: 3 days1965 -1°C: 18 days1965 -0.9°C: 38 days1965 -0.8°C: 68 days1965 -0.7°C: 110 days1965 -0.6°C: 85 days1965 -0.5°C: 38 days1965 -0.4°C: 5 days1965 -0.3°C: 0 days1965 -0.2°C: 0 days1965 -0.1°C: 0 days1965 0°C: 0 days1965 0.1°C: 0 days1965 0.2°C: 0 days1965 0.3°C: 0 days1965 0.4°C: 0 days1965 0.5°C: 0 days1965 0.6°C: 0 days1965 0.7°C: 0 days1965 0.8°C: 0 days1965 0.9°C: 0 days1965 1°C: 0 days1965 1.1°C: 0 days1966 -1.3°C: 0 days1966 -1.2°C: 0 days1966 -1.1°C: 0 days1966 -1°C: 9 days1966 -0.9°C: 17 days1966 -0.8°C: 46 days1966 -0.7°C: 81 days1966 -0.6°C: 120 days1966 -0.5°C: 41 days1966 -0.4°C: 48 days1966 -0.3°C: 3 days1966 -0.2°C: 0 days1966 -0.1°C: 0 days1966 0°C: 0 days1966 0.1°C: 0 days1966 0.2°C: 0 days1966 0.3°C: 0 days1966 0.4°C: 0 days1966 0.5°C: 0 days1966 0.6°C: 0 days1966 0.7°C: 0 days1966 0.8°C: 0 days1966 0.9°C: 0 days1966 1°C: 0 days1966 1.1°C: 0 days1967 -1.3°C: 0 days1967 -1.2°C: 0 days1967 -1.1°C: 2 days1967 -1°C: 11 days1967 -0.9°C: 19 days1967 -0.8°C: 33 days1967 -0.7°C: 65 days1967 -0.6°C: 105 days1967 -0.5°C: 92 days1967 -0.4°C: 29 days1967 -0.3°C: 9 days1967 -0.2°C: 0 days1967 -0.1°C: 0 days1967 0°C: 0 days1967 0.1°C: 0 days1967 0.2°C: 0 days1967 0.3°C: 0 days1967 0.4°C: 0 days1967 0.5°C: 0 days1967 0.6°C: 0 days1967 0.7°C: 0 days1967 0.8°C: 0 days1967 0.9°C: 0 days1967 1°C: 0 days1967 1.1°C: 0 days1968 -1.3°C: 0 days1968 -1.2°C: 0 days1968 -1.1°C: 1 days1968 -1°C: 8 days1968 -0.9°C: 36 days1968 -0.8°C: 72 days1968 -0.7°C: 92 days1968 -0.6°C: 87 days1968 -0.5°C: 58 days1968 -0.4°C: 10 days1968 -0.3°C: 1 days1968 -0.2°C: 0 days1968 -0.1°C: 0 days1968 0°C: 0 days1968 0.1°C: 0 days1968 0.2°C: 0 days1968 0.3°C: 0 days1968 0.4°C: 0 days1968 0.5°C: 0 days1968 0.6°C: 0 days1968 0.7°C: 0 days1968 0.8°C: 0 days1968 0.9°C: 0 days1968 1°C: 0 days1968 1.1°C: 0 days1969 -1.3°C: 0 days1969 -1.2°C: 0 days1969 -1.1°C: 0 days1969 -1°C: 9 days1969 -0.9°C: 4 days1969 -0.8°C: 18 days1969 -0.7°C: 55 days1969 -0.6°C: 111 days1969 -0.5°C: 69 days1969 -0.4°C: 51 days1969 -0.3°C: 32 days1969 -0.2°C: 15 days1969 -0.1°C: 1 days1969 0°C: 0 days1969 0.1°C: 0 days1969 0.2°C: 0 days1969 0.3°C: 0 days1969 0.4°C: 0 days1969 0.5°C: 0 days1969 0.6°C: 0 days1969 0.7°C: 0 days1969 0.8°C: 0 days1969 0.9°C: 0 days1969 1°C: 0 days1969 1.1°C: 0 days1970 -1.3°C: 0 days1970 -1.2°C: 0 days1970 -1.1°C: 0 days1970 -1°C: 0 days1970 -0.9°C: 6 days1970 -0.8°C: 42 days1970 -0.7°C: 68 days1970 -0.6°C: 89 days1970 -0.5°C: 90 days1970 -0.4°C: 57 days1970 -0.3°C: 11 days1970 -0.2°C: 2 days1970 -0.1°C: 0 days1970 0°C: 0 days1970 0.1°C: 0 days1970 0.2°C: 0 days1970 0.3°C: 0 days1970 0.4°C: 0 days1970 0.5°C: 0 days1970 0.6°C: 0 days1970 0.7°C: 0 days1970 0.8°C: 0 days1970 0.9°C: 0 days1970 1°C: 0 days1970 1.1°C: 0 days1971 -1.3°C: 0 days1971 -1.2°C: 4 days1971 -1.1°C: 7 days1971 -1°C: 8 days1971 -0.9°C: 25 days1971 -0.8°C: 101 days1971 -0.7°C: 115 days1971 -0.6°C: 87 days1971 -0.5°C: 18 days1971 -0.4°C: 0 days1971 -0.3°C: 0 days1971 -0.2°C: 0 days1971 -0.1°C: 0 days1971 0°C: 0 days1971 0.1°C: 0 days1971 0.2°C: 0 days1971 0.3°C: 0 days1971 0.4°C: 0 days1971 0.5°C: 0 days1971 0.6°C: 0 days1971 0.7°C: 0 days1971 0.8°C: 0 days1971 0.9°C: 0 days1971 1°C: 0 days1971 1.1°C: 0 days1972 -1.3°C: 0 days1972 -1.2°C: 0 days1972 -1.1°C: 6 days1972 -1°C: 18 days1972 -0.9°C: 16 days1972 -0.8°C: 31 days1972 -0.7°C: 52 days1972 -0.6°C: 75 days1972 -0.5°C: 89 days1972 -0.4°C: 56 days1972 -0.3°C: 18 days1972 -0.2°C: 4 days1972 -0.1°C: 0 days1972 0°C: 0 days1972 0.1°C: 0 days1972 0.2°C: 0 days1972 0.3°C: 0 days1972 0.4°C: 0 days1972 0.5°C: 0 days1972 0.6°C: 0 days1972 0.7°C: 0 days1972 0.8°C: 0 days1972 0.9°C: 0 days1972 1°C: 0 days1972 1.1°C: 0 days