Vega-LiteTest Gallery

Other layered charts

A candlestick chart inspired by this Protovis example.

A ranged dot plot that uses 'layer' to convey changing life expectancy for the five most populous countries (between 1955 and 2000).

Used typically to display performance data, bullet charts function like bar charts, but are accompanied by extra visual elements for context. Originally developed by Stephen Few as a more space efficient alternative to dashboard gauges and meters. This example based on the dataviz catalogue example.

A dual axis chart, created by setting y's scale resolution to independent."

Horizon chart with 2 layers. (See the IDL paper on horizon charts for more details.

Inspired by this Vega example. Weekly weather data plot representing high/low ranges of record temperatures (light grey), average temperatures (dark grey), and both predicted and observed temperatures (black) for the given week. The first five days have high/low ranges of observed temperatures, and the last five days have ranges of predicted temperatures, where the upper barbell represents the range of high temperature predictions and the lower barbell represents the range of low temperature predictions. Created by @melissatdiamond.

Leonardo DiCaprio's dating history. Based on this design, combined with XKCD's Creepiness Rule, this example shows how multiple layers can be built up to create more complex designs.

Wheat and Wages. A recreation of William Playfair’s chart visualizing the price of wheat, the wages of a mechanic, and the reigning British monarch. Adapted from a chart by @manzt.