Vega-LiteTest Gallery

Scatter and strip plots

A scatterplot showing horsepower and miles per gallon for various cars (via point marks). Includes a full listing of all data values for each mark via a tooltip.

'dot plot' showing the distribution of a single variable (precipitation), here using tick marks.

Shows the relationship between horsepower and the number of cylinders using tick marks.

A scatterplot showing horsepower and miles per gallon with country of origin double encoded by colour and shape.

A binned scatterplot comparing IMDB and Rotten Tomatoes rating with marks sized by number of reviews.

A 'bubble plot' showing horsepower on x, miles per gallons on y, and acceleration on size. This is simply a scatterplot with the encoding of an additional variable with size.

Scatterplot with Null values in grey. Sometimes showing absent values explicitly can be useful. In this example by encoding a circle with a grey colour we get to see the distribution of both absent IMDB and Rotten Tomatoes values. Data that have missing values for both variables are shown in the bottom left corner, but note it is not possible to visually assess how many fall into this category.

A scatterplot showing horsepower and miles per gallon for various cars (via circle marks).

A bubble plot showing the correlation between health and income for 187 countries in the world (modified from an example in Lisa Charlotte Rost's blog post One Chart, Twelve Charting Libraries). The chart can be zoomed and panned by dragging and using 'mousewheel' gestures.

Global deaths from natural disasters using size to represent number of deaths and horizontal position to represent time. Copy of chart from Roser and Ritchie, Natural Catastrophes.

A scatterplot showing horsepower and miles per gallon with country of origin double encoded by colour and text symbol. This example performs a simple transformation on the 'origin' field in order to extract the first letter used for the text symbol.

A scatterplot with a loess trendline overlaid.

A scatterplot with a cubic polynomial regression line overlaid limited to the range of 10% to 90% of Rotten Tomatoes ratings.

A scatterplot point symbols represented by images.

Strip plot with custom axis tick labels After using the numerical values to calculate the average rating, they are replaced by string labels.