Vega examples

Vega is a visualization grammar: you declare data, scales, axes and marks, and it draws exactly what you specified.

These examples run from the smallest complete chart to a radar diagram built from polar coordinates by hand. If a chart here looks like a lot of work, the Vega-Lite version of it probably is not.

#Every example here is real

Each page holds a diagram that is stored, rendered and editable exactly like one you drew yourself. Open any of them, change something, and see what happens. Nothing here is a screenshot.

#In this set

Bar chart (Vega)A Vega bar chart spec with inline data, a band scale and an axis pair.Stacked bar chart (Vega)A stacked bar chart built with a Vega stack transform over a categorical field.Area chart (Vega)A Vega area chart showing a series filled to the baseline over time.Pie chart (Vega)A Vega pie chart built from an arc mark and a pie transform over inline data.Scatter plot (Vega)A Vega scatter plot mapping two numeric fields to x and y with a symbol mark.Bubble chart (Vega)A Vega bubble chart adding a size scale to a scatter plot for a third dimension.Dot plot (Vega)A Vega dot plot, a compact alternative to a bar chart for comparing categories.Radar diagram (Vega)A Vega radar chart plotting several series across shared axes on a polar grid.Word cloud (Vega)A word cloud built with the Vega wordcloud transform over terms and weights.

Reference

The language reference behind these.

Diagram types

Grouped by what you want to draw.

Examples

Every other set.

All the control, all the ceremony.