Skip to main content
The content section sets the text around the chart — title, subtitle, caption, your data-source attribution, and an optional Made with Graphy provenance badge. Each text slot has a companion visibility flag, so a value can be kept while hidden. The provenance badge is off by default at the low-level renderer (@graphysdk/react seeds it on).

Slots

string | RichText
The chart’s headline text. Pair with isTitleVisible.
string | RichText
A secondary line under the title. Pair with isSubtitleVisible.
string | RichText
A note shown beneath the chart. Pair with isCaptionVisible.
{ label?: string; url?: string }
Your data-source attribution shown under the caption (for example “Internal data”). Distinct from the Graphy provenance badge. Pair with isSourceVisible.
Each text slot has a matching isXVisible boolean (isTitleVisible, isSubtitleVisible, isCaptionVisible, isSourceVisible). Setting text alone does not show it — the visibility flag is what renders it.

Provenance badge (“Made with Graphy”)

A translucent capsule badge with the Graphy glyph and the text “Made with Graphy”. It does not inherit theme typography. Linked to graphy.app with UTM tags. Size ladder: full pill → circular mini under 200 px wide → hidden under 120 × 80.
{ enabled?: boolean; placement?: 'footer' | 'header'; variant?: 'full' | 'mini' }
Structured badge config. Defaults: { enabled: false, placement: 'footer', variant: 'full' }. Prefer this over the legacy isBrandMarkVisible flag.
boolean
Legacy alias for brandMark.enabled. Kept in sync by config resolution.
source is your data attribution. brandMark controls Graphy’s own provenance badge. They can appear together, either alone, or neither.

Rich text

Any text slot accepts either a plain string or a rich-text node (a TipTap-compatible document), which lets you mix colors, weights and headings within a title:
Recognised marks include textStyle (with color, font, fontSize), plus standard bold/italic/underline. Rich text requires the TipTap peer packages.