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.


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)


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


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


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)


Repeat and layer to show different weather measures


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.