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 Scatterplot with Null Values in Grey Bubble Plot Gapminder Bubble Plot Strip Plot Line Chart Multi Series Line Chart Slope Graph Step Chart Area Chart Table Heatmap A bar chart encoding color names in the data. Table Binned heatmap Table Bubble Plot (Github Punch Card) Natural Disasters


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 Bar chart that highlights values beyond a threshold 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) Carbon Dioxide in the Atmosphere


Repeat and layer to show different weather measures Vertically concatenated charts that show precipitation in Seattle Horizontally repeated charts

Geographical (Maps)

Choropleth of unemployment rate per county One dot per zipcode in the U.S. One dot per airport in the US overlayed on geoshape Rules (line segments) connecting SEA to every airport reachable via direct flight Three choropleths representing disjoint data from the same table U.S. state capitals overlayed on a map of the U.S. Line drawn between airports in the U.S. simulating a flight itinerary Income in the U.S. by state, faceted over income brackets London Tube Lines


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

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.