Chart Gallery

This curated set highlights complete, representative charts. Every card links to the canonical tutorial, recipe, or API page that owns the chart. Use the filters to narrow the analytical relationship you want to express.

Blue point panel and orange replacement bar panel aligned in one horizontal dashboard

Recipe

Program composition

Compare distinct child panels, edit their layout, and replace one stable slot.

hconcat editCompositionLayout replaceCompositionChild View full size

Tutorial

Scatterplot

Compare two quantitative fields and encode a category with color.

createScatterPlot View full size

Tutorial

Line chart

Aggregate values over time and split the result into series.

createLinePlot View full size

Selected film ratings over release years with title annotations

Recipe

Annotated scatterplot

Attach readable data labels to final point, bar, or rule items.

createTextMark encodeText editTextMark View full size

Recipe

Heatmap

Map two discrete fields to cells and a quantitative field to color.

createHeatmap createTextMark encodeText View full size

Tutorial

Bar chart

Aggregate ordinal categories and arrange nominal groups side by side.

createBarPlot View full size

Tutorial

Histogram

Bin a quantitative field and count category partitions.

createHistogram View full size

Cars scatterplot with grouped regression lines and confidence bands

Tutorial

Regression scatterplot

Layer observations, grouped fits, and confidence bands.

createPointMark createRegression View full size

Life expectancy confidence bands with explicit boundaries

Tutorial

Error band

Show interval ribbons with explicit lower and upper boundaries.

createErrorBand View full size

Recipe

Box plot

Compose quartiles, whiskers, medians, and outlier points.

createBoxPlot View full size

Density gradient strips showing car acceleration distributions by origin

Recipe

Gradient plot

Compare complete distribution shapes across categories in a compact strip.

createGradientPlot editGradientPlot View full size

Cars of 1970 connected across fuel economy, horsepower, weight, and acceleration axes

Recipe

Parallel coordinates

Compare multivariate row profiles while retaining row-level identity.

createParallelCoordinates encodeParallelCoordinates View full size

Cars Polar scatterplot using acceleration angle and horsepower radius

Tutorial

Polar points

Map quantitative fields to clockwise angle and radial distance.

encodeTheta encodeR encodePointRadius View full size

Tutorial

Donut chart

Build proportional sectors with an inferred categorical color legend.

createArcMark encodeTheta encodeColor View full size

Recipe

Rose chart

Compare radial magnitudes inside ordered categorical sectors.

createArcMark encodeTheta encodeR View full size

Grouped maximum points highlighted as red diamonds

Tutorial

Mark selection and highlighting

Select, filter, and emphasize final point, bar, and line items.

selectMarks highlightMarks View full size

Browse all supported chart examples →

Chart Gallery

Choose a next step