Combined Examples

Here we showcase comprehensive examples that combine multiple annotation techniques to create more sophisticated and informative visualizations. These examples demonstrate how different ChartMark features can work together effectively.

Annual Training Budget by Department

An annual training budget chart combining opacity & stroke highlights on Engineering & Marketing bars (2021–2023), data labels on Marketing values, and a reference line for the Marketing average.

Highlight Data Labels Reference Line

Study Hours vs Exam Score by School

A scatter plot combining regression trend lines, cross-marker highlights for failing students, and a callout annotation to emphasize the positive correlation between study hours and exam scores.

Trend Lines Description Callout Annotation

Monthly Sales by Category — My Shop (2024)

A monthly sales chart combining a shaded Q2 region, a horizontal reference line at 190 units, and a rectangle highlight on Grocery sales growth from July to October.

Shaded Region Reference Line Rectangle Highlight

Store Product Sales by Category

A pie chart combining a highlighted max slice, a mean-value arc annotation, a callout on the food segment, and a units description ("Sales (USD K)").

Summary (Max) Summary (Mean) Callout Annotation Description Annotation

Highlight

Stroke

Bar Chart with Stroke

Highlight specific bars using stroke.

Line Chart with Stroke

Emphasize line segments with stroke.

Scatter Plot with Stroke

Highlight specific points with stroke.

Pie Chart with Stroke

Emphasize pie segments with stroke.

Group Line Chart with Stroke

Highlight specific group lines with stroke.

Group Scatter Plot with Stroke

Emphasize grouped scatter points with stroke.

Group Bar Chart with Stroke

Highlight specific groups with stroke.

Opacity

Bar Chart with Opacity

Highlight bars by adjusting opacity.

Line Chart with Opacity

Emphasize lines with opacity adjustments.

Scatter Plot with Opacity

Highlight points with opacity variations.

Pie Chart with Opacity

Emphasize pie segments with opacity.

Group Line Chart with Opacity

Highlight specific group lines with opacity.

Group Scatter Plot with Opacity

Emphasize grouped scatter points with opacity.

Group Bar Chart with Opacity

Highlight specific groups with opacity.

Encoding

Data Label

Bar Chart with Data Labels

Add value labels to bars in a bar chart.

Line Chart with Data Labels

Add value labels to points in a line chart.

Scatter Plot with Data Labels

Label points in a scatter plot.

Pie Chart with Data Labels

Add labels to pie chart segments.

Group Line Chart with Data Labels

Add labels to grouped line charts.

Group Scatter Plot with Data Labels

Label points in grouped scatter plots.

Group Bar Chart with Data Labels

Add value labels to grouped bar charts.

Summary

Max/Min/Mean/Med (Label Line)

Bar Chart Summary Label Line

Identify and highlight values in bar charts with labeled lines.

Line Chart Summary Label Line

Highlight points in line charts with labeled lines.

Scatter Plot Summary Label Line

Identify values in scatter plots with labeled lines.

Pie Chart Summary Label Line

Highlight segments in pie charts with labeled lines.

Group Line Chart Summary Label Line

Identify points across grouped lines with labeled lines.

Group Scatter Plot Summary Label Line

Highlight values in grouped scatter plots with labeled lines.

Group Bar Chart Summary Label Line

Identify values in grouped bar charts with labeled lines.

Max/Min (Label Stroke)

Bar Chart Summary Label Stroke

Display max/min values in bar charts with stroked labels.

Line Chart Summary Label Stroke

Highlight max/min values in line charts with stroked labels.

Scatter Plot Summary Label Stroke

Identify max/min values in scatter plots with stroked labels.

Pie Chart Summary Label Stroke

Highlight max/min values in pie charts with stroked labels.

Group Line Chart Summary Label Stroke

Show max/min values across grouped lines with stroked labels.

Group Scatter Plot Summary Label Stroke

Identify max/min values in grouped scatter plots with stroked labels.

Group Bar Chart Summary Label Stroke

Display max/min values in grouped bar charts with stroked labels.

Description

Global Note(Out Plot)

Bar Chart Global Note

Add global notes to bar charts.

Line Chart Global Note

Add explanatory notes to line charts.

Scatter Plot Global Note

Add global notes to scatter plots.

Pie Chart Global Note

Add explanatory notes to pie charts.

Group Line Chart Global Note

Add global notes to grouped line charts.

Group Scatter Plot Global Note

Add explanatory notes to grouped scatter plots.

Group Bar Chart Global Note

Add global notes to grouped bar charts.

Local Note (Out Plot)

Bar Chart Local Note

Add local notes to specific bars.

Line Chart Local Note

Add local notes to specific points on lines.

Scatter Plot Local Note

Add local notes to specific scatter points.

Group Line Chart Local Note

Add local notes to specific points in grouped lines.

Group Scatter Plot Local Note

Add local notes to specific group scatter points.

Group Bar Chart Local Note

Add local notes to specific bars in grouped charts.

Local Note (In Plot)

Bar Chart Local Note

Add local notes to specific bars.

Line Chart Local Note

Add local notes to specific points on lines.

Scatter Plot Local Note

Add local notes to specific scatter points.

Pie Chart Local Note

Add local notes to specific pie segments.

Group Line Chart Local Note

Add local notes to specific points in grouped lines.

Group Scatter Plot Local Note

Add local notes to specific group scatter points.

Group Bar Chart Local Note

Add local notes to specific bars in grouped charts.

Reference

Grid Line

Bar Chart Grid Line

Add custom grid lines to bar charts.

Line Chart Grid Line

Add custom grid lines to line charts.

Scatter Plot Grid Line

Add custom grid lines to scatter plots.

Pie Chart Grid Line

Add custom grid lines to pie charts.

Group Line Chart Grid Line

Add custom grid lines to grouped line charts.

Group Scatter Plot Grid Line

Add custom grid lines to grouped scatter plots.

Group Bar Chart Grid Line

Add custom grid lines to grouped bar charts.

Data Line

Bar Chart Data Line

Connect related data points with lines in bar charts.

Line Chart Data Line

Add connection lines between data points in line charts.

Scatter Plot Data Line

Connect related points with lines in scatter plots.

Group Line Chart Data Line

Connect points across group lines with data lines.

Group Scatter Plot Data Line

Connect related points in grouped scatter plots.

Group Bar Chart Data Line

Connect data points across grouped bar charts.

Extra Line

Bar Chart Extra Line

Add reference lines to indicate important values in bar charts.

Line Chart Extra Line

Add reference lines to line charts for comparison.

Scatter Plot Extra Line

Add reference lines to scatter plots for analysis.

Pie Chart Extra Line

Add reference lines to pie charts for context.

Group Line Chart Extra Line

Add threshold lines to grouped line charts.

Group Scatter Plot Extra Line

Add reference lines to grouped scatter plots.

Group Bar Chart Extra Line

Add reference lines to grouped bar charts.

Extra Range

Bar Chart Extra Range

Highlight specific ranges of values in bar charts.

Line Chart Extra Range

Visualize value ranges in line charts.

Scatter Plot Extra Range

Add range indicators to scatter plots.

Pie Chart Extra Range

Highlight specific range in pie charts.

Group Line Chart Extra Range

Add range indicators to grouped line charts.

Group Scatter Plot Extra Range

Visualize target ranges in grouped scatter plots.

Group Bar Chart Extra Range

Add range indicators to grouped bar charts.

Extra Area

Line Chart Extra Area

Add shaded areas to line charts.

Scatter Plot Extra Area

Add background areas to scatter plots.

Group Line Chart Extra Area

Add shaded areas to grouped line charts.

Group Scatter Plot Extra Area

Add background areas to grouped scatter plots.

Trend

Linear Regression

Line Chart Linear Regression

Add regression lines to time series data.

Scatter Plot Linear Regression

Add trend lines to scatter plots.

Group Line Chart Linear Regression

Add regression lines to grouped line data.

Group Scatter Plot Linear Regression

Add trend lines to grouped scatter plots.