Skip to main content

Overview

The content property controls the title, subtitle, caption, data-source attribution, and the optional Made with Graphy provenance badge for your chart.

Title

string | JSONContent
Graph title. Can be plain text or TipTap JSON content for rich text formatting.

Subtitle

string | JSONContent
Subtitle displayed under the title. Can be plain text or TipTap JSON content for rich text formatting.

Caption

string | JSONContent
Caption displayed at the bottom of the chart. Can be plain text or TipTap JSON content for rich text formatting. Use captions for notes, methodology or context about the data.

Data source

object
Your data-source attribution shown under the caption (for example “Office for National Statistics”). This is your attribution of where the data came from — distinct from the Graphy provenance mark below.
string
Text label describing the data source (e.g., “Office for National Statistics”, “Internal sales data”).
string
URL link to the original data source. Must be a valid URL. If provided, the label will be clickable.

Provenance badge (“Made with Graphy”)

A translucent capsule badge with the Graphy glyph and “Made with Graphy” text. Discovery signal (not a lock). Linked to graphy.app. Size ladder: full pill → circular mini under 200 px → hidden under 120 × 80.
{ enabled?: boolean; placement?: 'footer' | 'header'; variant?: 'full' | 'mini' }
Structured badge config. Prefer this over isBrandMarkHidden. Defaults to disabled at the low-level renderer; @graphysdk/react seeds it on.
boolean
Legacy opt-out (true = hide). Ignored when brandMark.enabled is set explicitly.
source is your data attribution. brandMark controls Graphy’s own provenance badge. They can appear together (source left, badge right), either alone, or neither.

Content visibility

Use the visibility flags (isTitleHidden, isSubtitleHidden, isCaptionHidden, isSourceHidden, isBrandMarkHidden) to programmatically control which content appears:
Hiding content with visibility flags is different from omitting it entirely. Hidden content is still part of the config but not rendered. This is useful when you want to preserve content but temporarily hide it. The provenance mark has no separate text value — only the visibility flag.