Example Gallery

This page shows example specifications for different types of graphics. To see example code for embedding visualizations in a webpage, please read the embed documentation.

Basic

Simple Bar Chart Aggregate Bar Chart Histogram Gantt Chart Grouped Bar Chart Scatterplot Scatterplot with Filled Circles Binned Scatterplot Colored Scatterplot Bubble Plot Gapminder Bubble Plot Strip Plot Line Chart Multi Series Line Chart Slope Graph Step Chart Area Chart Table Heatmap Table Binned heatmap Table Bubble Plot (Github Punch Card)

Stack

Stacked Bar Chart Horizontal Stacked Bar Chart Normalized Stacked Bar Chart Stacked Area Chart Normalized Stacked Area Chart Streamgraph Layered Bar Chart Diverging Stacked Bar Chart

Trellis

Anscombe’s Quartet Trellis Bar Chart Trellis Stacked Bar Chart Trellis Scatter Plot Trellis Histograms Becker’s Barley Trellis Plot Trellis Area

Layering

Simple Bar Chart with Labels Mean overlay over precipitation chart Layering text over heatmap Box Plot with Min/Max Whiskers Tukey Box Plot (1.5 IQR) Candlestick Chart Error Bars showing Confidence Interval Error Bars showing Standard Deviation Histogram with a Global Mean Overlay Scatterplot with Mean and Standard Deviation Overlay Line chart with Confidence Interval Band Falkensee Ranged Dot Plot Layered Plot with Dual-Axis Horizon Graph Connected Scatterplot (Lines with Custom Paths)

Composition

Repeat and layer to show different weather measures

Interactive

Rectangular Brush Paintbrush Highlight Scatterplot Pan & Zoom Query Widgets Interactive Average Overview and Detail Crossfilter Scatterplot Matrix Interactive Dashboard with Cross Highlight

Community Examples

Here we list great examples of Vega-Lite visualizations that were created by the community. Please help us expand this gallery by forking our example block and sending us a pull request with your example added to this list.