Vega-LiteTest Gallery

Interactive charts

Bar chart with highlighting on hover and selection on click.

Interactive legend for highlighting individual categories.

Scatterplot with external links and tooltips. Clicking on any point symbol representing a car will link to google image search for that car.

Drag out a rectangular brush to highlight points.

Area chart with rectangular brush. Dragging is in the horizontal direction only to allow a time frame to be highlighted.

Mouse over individual points or select multiple points with the shift key.

Drag to pan. Zoom in or out with mousewheel/zoom gesture.

Drag the sliders to highlight points.

Drag over bars to update selection average.

Interactive highlight and labels positioned at end of each line.

Displays labels for all stock prices of the hovered time. Based on this example from Jake Vanderplas.

Displays tooltips for all stock prices of the hovered time.

Calculates price index based on items under hovered time.

Multi Series Line Chart with Tooltip.

Brushing scatterplot to show data on a table.

Selectable heatmap.

Bar chart with a minimap.