SVG annotation specimen

Bronto annotations

A Bronto-native subject, connector and note system for chart callouts, report figures and generated analytical SVG.

Applied examples

Capacity chart with four restrained annotations.
Capacity chart with selected annotations A baseline label, threshold, peak callout and risk band annotate weekly capacity. Baseline 10 h floor Threshold Capacity cap Peak Week 3 Risk Late work
Incident timeline with comparison, event and evidence markers.
Incident timeline with selected annotations Comparison, event and evidence annotations mark the important incident moments. Compare Before fix Deploy Patch lands Evidence Trace link

Variant specimen

Annotation variants across chart, comparison and event-analysis use cases.
Bronto annotation variant specimen Sixteen visible annotations demonstrate labels, callouts, connectors, subjects, comparison marks, clusters, axis marks, timeline events and evidence notes. Label Baseline axis Callout Point context Elbow Dogleg note Curve Recovery bend Circle Peak focus Rect Range mark Threshold Target line 1 Bracket First window Band Risk interval Slope Trend change Compare Before/after Cluster Outliers Axis Milestone Timeline Event pin Evidence Linked proof
Annotation specimen fallback
Variant Use Tone
label Direct label for an obvious subject muted
callout Plain point callout accent
elbow Dogleg connector around chart marks warning
curve Organic connector for path changes success
circle Peak or local cluster subject accent
rect Bar, block or region subject info
threshold Limit or target rule danger
badge Compact numbered mark info
bracket Range span muted
band Interval or risk window warning
slope Trend change success
compare Before/after grouping accent
cluster Outlier group danger
axis Axis milestone muted
timeline Event pin info
evidence Proof or source link marker accent