Languages & i18n

The Graphy SDK currently supports English as the only language, with plans to add additional languages and locales in future releases.

Overriding strings

You can override any text string used in graphs and the editor by passing an i18nOverrides object to the GraphProvider:

import { GraphProvider, Graph } from '@graphysdk/core';

const i18nOverrides = {
  'editor.graphTypes.bar': 'Barra',
  'graph.axisLabels.placeholder': 'Añadir etiqueta',
};

<GraphProvider i18nOverrides={i18nOverrides}>
  <Graph />
</GraphProvider>

Dynamic strings

Some strings accept parameters and can be customized using functions:

const i18nOverrides = {
  'graph.defaultPropertyLabels.columnNumber': ({ number }) => `Columna ${number}`,
  'graph.trendComparison.fromPrevious.long': ({ value }) => `${value} vs anterior`,
  'common.confirmDelete': ({ item }) => `¿Eliminar ${item}?`,
};

Available strings

Below is a reference of all strings that can be overridden. Each key follows the format category.subcategory.key.

Common strings

General-purpose strings used throughout the SDK.

Key	Default value	Parameters
`common.save`	`"Save"`	-
`common.cancel`	`"Cancel"`	-
`common.confirm`	`"Confirm"`	-
`common.delete`	`"Delete"`	-
`common.confirmDelete`	`"Are you sure you want to delete ${item}?"`	`{ item: string }`
`common.abbreviations.thousands`	`"k"`	-
`common.abbreviations.millions`	`"m"`	-
`common.abbreviations.billions`	`"b"`	-

Graph strings

Strings related to chart rendering and display.

Loading and errors

Key	Default value
`graph.loading`	`"Loading"`
`graph.error`	`"Something went wrong"`

Axis labels

Key	Default value
`graph.axisLabels.placeholder`	`"Add label"`

Default property labels

Key	Default value	Parameters
`graph.defaultPropertyLabels.date`	`"Date"`	-
`graph.defaultPropertyLabels.year`	`"Year"`	-
`graph.defaultPropertyLabels.quarter`	`"Quarter"`	-
`graph.defaultPropertyLabels.month`	`"Month"`	-
`graph.defaultPropertyLabels.week`	`"Week"`	-
`graph.defaultPropertyLabels.series`	`"Series"`	-
`graph.defaultPropertyLabels.category`	`"Category"`	-
`graph.defaultPropertyLabels.columnNumber`	`"Column ${number}"` → “Column 1”	`{ number: number }`
`graph.defaultPropertyLabels.rowNumber`	`"Row ${number}"` → “Row 1”	`{ number: number }`
`graph.defaultPropertyLabels.seriesNumber`	`"Series ${number}"` → “Series 1”	`{ number: number }`

Trend comparisons

Key	Default value	Parameters
`graph.trendComparison.fromPrevious.long`	`"${value} vs previous"` → “10 vs previous”	`{ value: string }`
`graph.trendComparison.fromPrevious.short`	`"${value} vs prev"` → “10 vs prev”	`{ value: string }`
`graph.trendComparison.fromPreviousYear.long`	`"${value} vs previous year"` → “10 vs previous year”	`{ value: string }`
`graph.trendComparison.fromPreviousYear.short`	`"${value} vs prev year"` → “10 vs prev year”	`{ value: string }`
`graph.trendComparison.fromPreviousMonth.long`	`"${value} vs previous month"` → “10 vs previous month”	`{ value: string }`
`graph.trendComparison.fromPreviousMonth.short`	`"${value} vs prev month"` → “10 vs prev month”	`{ value: string }`
`graph.trendComparison.fromPreviousWeek.long`	`"${value} vs previous week"` → “10 vs previous week”	`{ value: string }`
`graph.trendComparison.fromPreviousWeek.short`	`"${value} vs prev week"` → “10 vs prev week”	`{ value: string }`
`graph.trendComparison.fromPreviousDay.long`	`"${value} vs previous day"` → “10 vs previous day”	`{ value: string }`
`graph.trendComparison.fromPreviousDay.short`	`"${value} vs prev day"` → “10 vs prev day”	`{ value: string }`
`graph.trendComparison.fromPreviousHour.long`	`"${value} vs previous hour"` → “10 vs previous hour”	`{ value: string }`
`graph.trendComparison.fromPreviousHour.short`	`"${value} vs prev hour"` → “10 vs prev hour”	`{ value: string }`

Headline metrics

Key	Default value	Parameters
`graph.headlineMetrics.averageLong`	`"Average ${value}"` → “Average sales”	`{ value: string }`
`graph.headlineMetrics.averageShort`	`"Avg. ${value}"` → “Avg. sales”	`{ value: string }`
`graph.headlineMetrics.total`	`"Total ${value}"` → “Total sales”	`{ value: string }`
`graph.headlineMetrics.totalConversionRate`	`"Total conversion rate ${value}"` → “Total conversion rate 15%“	`{ value: string }`

Title editor

Key	Default value
`graph.titleEditor.titlePlaceholder`	`"Untitled"`
`graph.titleEditor.subtitlePlaceholder`	`"Add a subtitle"`

Key	Default value
`graph.toolbar.formatting.bold`	`"Bold"`
`graph.toolbar.formatting.italic`	`"Italic"`
`graph.toolbar.formatting.underline`	`"Underline"`
`graph.toolbar.formatting.link`	`"Link"`
`graph.toolbar.link.ariaLabel`	`"Create link"`
`graph.toolbar.link.placeholder`	`"Type or paste a link..."`
`graph.toolbar.link.submit`	`"Submit"`
`graph.toolbar.font.label`	`"Font"`
`graph.toolbar.heading.label`	`"Heading level"`
`graph.toolbar.heading.text`	`"Text"`
`graph.toolbar.heading.caption`	`"Caption"`
`graph.toolbar.heading.heading1`	`"Heading 1"`
`graph.toolbar.heading.heading2`	`"Heading 2"`
`graph.toolbar.heading.heading3`	`"Heading 3"`
`graph.toolbar.textAlign.left`	`"Align left"`
`graph.toolbar.textAlign.center`	`"Align center"`
`graph.toolbar.textAlign.right`	`"Align right"`
`graph.toolbar.color.label`	`"Text color"`

Key	Default value
`graph.colorDropdown.colors`	`"Colors"`
`graph.colorDropdown.chartColors`	`"Chart colors"`
`graph.colorDropdown.custom`	`"Custom"`
`graph.colorDropdown.opacity`	`"Opacity"`
`graph.colorDropdown.transparent`	`"Transparent"`

Annotations

Key	Default value	Parameters
`graph.annotations.baseMenu.pinNumber`	`"Pin number"`	-
`graph.annotations.baseMenu.annotate`	`"Annotate"`	-
`graph.annotations.baseMenu.highlight`	`"Highlight"`	-
`graph.annotations.baseMenu.highlightWithLabel`	`"Highlight ${label}"` → “Highlight bar”	`{ label: string }`
`graph.annotations.baseMenu.removeHighlight`	`"Remove highlight"`	-
`graph.annotations.baseMenu.differenceArrow`	`"Difference arrow"`	-
`graph.annotations.baseMenu.addSticker`	`"Add sticker"`	-
`graph.annotations.textMenu.title`	`"Annotate"`	-
`graph.annotations.textMenu.placeholder`	`"Add a comment"`	-
`graph.annotations.textMenu.addButton`	`"Add"`	-
`graph.annotations.textMenu.textPlaceholder`	`"Text"`	-
`graph.annotations.highlights.menuTitle`	`"Highlight"`	-
`graph.annotations.highlights.labels.bar`	`"Bar"`	-
`graph.annotations.highlights.labels.barGroup`	`"Group"`	-
`graph.annotations.highlights.labels.barStack`	`"Stack"`	-
`graph.annotations.highlights.labels.barSeries`	`"Series"`	-
`graph.annotations.highlights.labels.line`	`"Line"`	-
`graph.annotations.highlights.labels.linePoint`	`"Point"`	-
`graph.annotations.highlights.labels.lineSeries`	`"Series"`	-
`graph.annotations.highlights.labels.scatterPoint`	`"Point"`	-
`graph.annotations.highlights.labels.scatterSeries`	`"Series"`	-
`graph.annotations.highlights.labels.pieSlice`	`"Slice"`	-
`graph.annotations.highlights.labels.pointOrBar`	`"Point / bar"`	-
`graph.annotations.highlights.labels.lineOrSeries`	`"Line / series"`	-
`graph.annotations.stickerMenu.title`	`"Add sticker"`	-
`graph.annotations.delete`	`"Delete"`	-
`graph.annotations.arrow.thickness.label`	`"Thickness"`	-
`graph.annotations.arrow.thickness.thin`	`"Thin"`	-
`graph.annotations.arrow.thickness.medium`	`"Medium"`	-
`graph.annotations.arrow.thickness.thick`	`"Thick"`	-
`graph.annotations.arrow.arrowhead.startPoint`	`"Start point"`	-
`graph.annotations.arrow.arrowhead.endPoint`	`"End point"`	-
`graph.annotations.arrow.arrowhead.lineArrow`	`"Line arrow"`	-
`graph.annotations.arrow.arrowhead.none`	`"None"`	-
`graph.annotations.arrow.lineStyle.label`	`"Line style"`	-
`graph.annotations.arrow.lineStyle.solid`	`"Solid"`	-
`graph.annotations.arrow.lineStyle.dotted`	`"Dotted"`	-
`graph.annotations.arrow.stickerEffect`	`"Sticker effect"`	-
`graph.annotations.arrow.toolbarAriaLabel`	`"Free-form arrow toolbar"`	-
`graph.annotations.arrow.editorAriaLabel`	`"Arrow editor"`	-
`graph.annotations.differenceArrow.type.proportion`	`"Proportion"`	-
`graph.annotations.differenceArrow.type.difference`	`"Difference (${absoluteDifference})"` → “Difference (5)“	`{ absoluteDifference: string }`
`graph.annotations.differenceArrow.type.increase`	`"Increase (${absoluteDifference})"` → “Increase (5)“	`{ absoluteDifference: string }`
`graph.annotations.differenceArrow.type.decrease`	`"Decrease (${absoluteDifference})"` → “Decrease (5)“	`{ absoluteDifference: string }`
`graph.annotations.differenceArrow.type.percentageChange`	`"Percentage change (${percentageChange})"` → “Percentage change (25%)“	`{ percentageChange: string }`
`graph.annotations.differenceArrow.type.percentIncrease`	`"Percent increase (${percentageChange})"` → “Percent increase (25%)“	`{ percentageChange: string }`
`graph.annotations.differenceArrow.type.percentDecrease`	`"Percent decrease (${percentageChange})"` → “Percent decrease (25%)“	`{ percentageChange: string }`
`graph.annotations.differenceArrow.size.label`	`"Size"`	-
`graph.annotations.differenceArrow.size.small`	`"Small"`	-
`graph.annotations.differenceArrow.size.medium`	`"Medium"`	-
`graph.annotations.differenceArrow.size.large`	`"Large"`	-
`graph.annotations.differenceArrow.flipArrow`	`"Flip arrow"`	-
`graph.annotations.differenceArrow.color`	`"Color"`	-
`graph.annotations.differenceArrow.toolbarAriaLabel`	`"Difference arrow toolbar"`	-
`graph.annotations.differenceArrow.editorAriaLabel`	`"Difference arrow editor"`	-
`graph.annotations.shape.color`	`"Color"`	-
`graph.annotations.shape.border.label`	`"Border"`	-
`graph.annotations.shape.border.none`	`"None"`	-
`graph.annotations.shape.border.thin`	`"Thin (${value})"` → “Thin (1px)“	`{ value: string }`
`graph.annotations.shape.border.medium`	`"Medium (${value})"` → “Medium (2px)“	`{ value: string }`
`graph.annotations.shape.border.thick`	`"Thick (${value})"` → “Thick (4px)“	`{ value: string }`

Editor strings

Strings used in the chart editor interface.

Graph types

Key	Default value
`editor.graphTypes.column`	`"Column"`
`editor.graphTypes.columnStacked`	`"Stacked"`
`editor.graphTypes.columnStackedFill`	`"100% Stacked"`
`editor.graphTypes.bar`	`"Bar"`
`editor.graphTypes.barStacked`	`"Stacked"`
`editor.graphTypes.barStackedFill`	`"100% Stacked"`
`editor.graphTypes.line`	`"Line"`
`editor.graphTypes.areaStacked`	`"Stacked Area"`
`editor.graphTypes.pie`	`"Pie"`
`editor.graphTypes.donut`	`"Donut"`
`editor.graphTypes.scatter`	`"Scatter"`
`editor.graphTypes.bubble`	`"Bubble"`
`editor.graphTypes.funnel`	`"Funnel"`
`editor.graphTypes.combo`	`"Combo"`
`editor.graphTypes.heatmap`	`"Heatmap"`
`editor.graphTypes.waterfall`	`"Waterfall"`
`editor.graphTypes.mekko`	`"Mekko"`
`editor.graphTypes.table`	`"Table"`

Size panel

Key	Default value	Parameters
`editor.sizePanel.toolbarButton`	`"Size"`	-
`editor.sizePanel.presetsSection.title`	`"Presets"`	-
`editor.sizePanel.customSizeSection.title`	`"Custom size"`	-
`editor.sizePanel.presets.googleSlides`	`"Google Slides / PowerPoint"`	-
`editor.sizePanel.presets.webEmail`	`"Web / email"`	-
`editor.sizePanel.presets.linkedIn`	`"LinkedIn post"`	-
`editor.sizePanel.presets.instagram`	`"Instagram post"`	-
`editor.sizePanel.presets.tiktok`	`"TikTok / Instagram story"`	-
`editor.sizePanel.presets.twitter`	`"X (Twitter)"`	-
`editor.sizePanel.presets.mobile`	`"Mobile"`	-
`editor.sizePanel.inputs.unitLabel`	`"px"`	-
`editor.sizePanel.validation.maxSizeError`	`"≤ ${max}px"` → ”≤ 2000px”	`{ max: number }`
`editor.sizePanel.validation.minSizeError`	`"≥ ${min}px"` → ”≥ 200px”	`{ min: number }`

Graph panel

Key	Default value
`editor.graphPanel.toolbarButton`	`"Graph"`
`editor.graphPanel.graphTypeSection.title`	`"Graph type"`
`editor.graphPanel.graphOptionsSection.title`	`"Graph options"`
`editor.graphPanel.graphOptions.sortBars`	`"Sort high → low"`
`editor.graphPanel.graphOptions.gridLines`	`"Grid lines"`
`editor.graphPanel.graphOptions.showPoints`	`"Show points"`
`editor.graphPanel.graphOptions.smoothLines`	`"Smooth lines"`
`editor.graphPanel.graphOptions.stackTotals`	`"Stack totals"`
`editor.graphPanel.graphOptions.dataLabels`	`"Data labels"`
`editor.graphPanel.graphOptions.showPercentages`	`"Show percentages"`
`editor.graphPanel.graphOptions.categoryLabels`	`"Category labels"`
`editor.graphPanel.legendSection.title`	`"Legend"`
`editor.graphPanel.legendSection.right`	`"Right"`
`editor.graphPanel.legendSection.top`	`"Top"`
`editor.graphPanel.legendSection.none`	`"None"`
`editor.graphPanel.numberFormatSection.title`	`"Number format"`
`editor.graphPanel.numberFormat.abbreviationLabel`	`"Abbreviation"`
`editor.graphPanel.numberFormat.valueLabel`	`"Value"`
`editor.graphPanel.numberFormat.decimalPlacesLabel`	`"Decimal places"`
`editor.graphPanel.numberFormat.options.auto`	`"Auto"`
`editor.graphPanel.numberFormat.options.custom`	`"Custom"`
`editor.graphPanel.numberFormat.options.none`	`"None"`
`editor.graphPanel.headlineNumberSize.sizeLabel`	`"Size"`
`editor.graphPanel.headlineNumberSize.valueLabel`	`"Value"`
`editor.graphPanel.headlineNumberSize.sizes.small`	`"S"`
`editor.graphPanel.headlineNumberSize.sizes.medium`	`"M"`
`editor.graphPanel.headlineNumberSize.sizes.large`	`"L"`
`editor.graphPanel.lineThickness.label`	`"Line thickness"`
`editor.graphPanel.pointSize.label`	`"Point size"`
`editor.graphPanel.pointSize.options.auto`	`"Auto"`
`editor.graphPanel.pointSize.options.custom`	`"Custom"`
`editor.graphPanel.headlineNumberSection.title`	`"Headline number"`
`editor.graphPanel.headlineNumberSection.metricLabel`	`"Metric"`
`editor.graphPanel.headlineNumberSection.compareWithLabel`	`"Compare with"`
`editor.graphPanel.headlineNumberSection.metrics.total`	`"Total"`
`editor.graphPanel.headlineNumberSection.metrics.average`	`"Avg."`
`editor.graphPanel.headlineNumberSection.metrics.current`	`"Last"`
`editor.graphPanel.headlineNumberSection.metrics.conversion`	`"Conversion"`
`editor.graphPanel.headlineNumberSection.metrics.left`	`"Left"`
`editor.graphPanel.headlineNumberSection.comparison.first`	`"First"`
`editor.graphPanel.headlineNumberSection.comparison.previous`	`"Previous"`
`editor.graphPanel.headlineNumberSection.pieTotalPosition.left`	`"Left"`
`editor.graphPanel.headlineNumberSection.pieTotalPosition.center`	`"Center"`
`editor.graphPanel.treatEmptyValues.leaveGap.label`	`"Leave gap in chart"`
`editor.graphPanel.treatEmptyValues.leaveGap.description`	`"Leaves a visible break in the line where data is missing"`
`editor.graphPanel.treatEmptyValues.fillZero.label`	`"Fill with zero"`
`editor.graphPanel.treatEmptyValues.fillZero.description`	`"Displays missing data points as zero"`
`editor.graphPanel.treatEmptyValues.connectGaps.label`	`"Connect across gaps"`
`editor.graphPanel.treatEmptyValues.connectGaps.description`	`"Joins the line between available points, skipping the gap"`
`editor.graphPanel.comboChartAppearance.title`	`"Combo chart appearance"`
`editor.graphPanel.comboChartAppearance.groupedBars`	`"Grouped bars"`
`editor.graphPanel.comboChartAppearance.stackedBars`	`"Stacked bars"`
`editor.graphPanel.comboChartAppearance.linesOnly`	`"Lines only"`

Axes panel

Key	Default value
`editor.axesPanel.toolbarButton`	`"Axes"`
`editor.axesPanel.mainAxisSection.yAxis`	`"Y-Axis"`
`editor.axesPanel.mainAxisSection.xAxis`	`"X-Axis"`
`editor.axesPanel.crossAxisSection.xAxis`	`"X-Axis"`
`editor.axesPanel.crossAxisSection.yAxis`	`"Y-Axis"`
`editor.axesPanel.controls.visible`	`"Visible"`
`editor.axesPanel.controls.labels`	`"Labels"`
`editor.axesPanel.controls.position`	`"Position"`
`editor.axesPanel.controls.scale`	`"Scale"`
`editor.axesPanel.controls.startFrom`	`"Start from"`
`editor.axesPanel.controls.endAt`	`"End at"`
`editor.axesPanel.controls.value`	`"Value"`
`editor.axesPanel.controls.numberOfAxes`	`"Number of axes"`
`editor.axesPanel.controls.reverse`	`"Reverse"`
`editor.axesPanel.labelMode.auto`	`"Auto"`
`editor.axesPanel.labelMode.edges`	`"Edges"`
`editor.axesPanel.scale.auto`	`"Auto"`
`editor.axesPanel.scale.log`	`"Log"`
`editor.axesPanel.startFrom.auto`	`"Auto"`
`editor.axesPanel.startFrom.zero`	`"Zero"`
`editor.axesPanel.startFrom.custom`	`"Custom"`
`editor.axesPanel.endAt.auto`	`"Auto"`
`editor.axesPanel.endAt.custom`	`"Custom"`
`editor.axesPanel.axisCount.single`	`"Single"`
`editor.axesPanel.axisCount.double`	`"Double"`
`editor.axesPanel.position.left`	`"Left"`
`editor.axesPanel.position.right`	`"Right"`
`editor.axesPanel.position.top`	`"Top"`
`editor.axesPanel.position.bottom`	`"Bottom"`
`editor.axesPanel.yesNo.yes`	`"Yes"`
`editor.axesPanel.yesNo.no`	`"No"`

Color panel

Key	Default value
`editor.colorPanel.toolbarButton`	`"Color"`
`editor.colorPanel.themeSection.title`	`"Theme"`
`editor.colorPanel.paletteSection.title`	`"Palette"`
`editor.colorPanel.paletteSection.colorScheme`	`"Color scheme"`
`editor.colorPanel.paletteSection.colors`	`"Colors"`
`editor.colorPanel.paletteSection.colorPalettes`	`"Color palettes"`
`editor.colorPanel.paletteMode.preset`	`"Preset"`
`editor.colorPanel.paletteMode.brand`	`"Brand"`
`editor.colorPanel.paletteMode.freestyle`	`"Freestyle"`
`editor.colorPanel.paletteThemes.colorful`	`"Colorful"`
`editor.colorPanel.paletteThemes.pastel`	`"Pastel"`
`editor.colorPanel.paletteThemes.neon`	`"Neon"`
`editor.colorPanel.backgroundSection.title`	`"Background"`
`editor.colorPanel.backgroundSection.black`	`"Black"`
`editor.colorPanel.backgroundSection.white`	`"White"`
`editor.colorPanel.backgroundSection.grey`	`"Grey"`
`editor.colorPanel.backgroundSection.tint`	`"Tint"`
`editor.colorPanel.backgroundSection.custom`	`"Custom"`
`editor.colorPanel.backgroundSection.none`	`"None"`
`editor.colorPanel.borderSection.title`	`"Border"`
`editor.colorPanel.borderSection.borderColor`	`"Border color"`
`editor.colorPanel.borderSection.thickness`	`"Thickness"`
`editor.colorPanel.borderSection.cornerRadius`	`"Corner radius"`
`editor.colorPanel.borderType.solid`	`"Solid"`
`editor.colorPanel.borderType.gradient`	`"Gradient"`
`editor.colorPanel.borderType.grey`	`"Grey"`
`editor.colorPanel.borderType.preset`	`"Preset"`
`editor.colorPanel.borderType.custom`	`"Custom"`
`editor.colorPanel.borderType.none`	`"None"`
`editor.colorPanel.presetGradients.lilac`	`"Lilac"`
`editor.colorPanel.presetGradients.neonPink`	`"Neon Pink"`
`editor.colorPanel.presetGradients.blackberry`	`"Blackberry"`
`editor.colorPanel.presetGradients.sun`	`"Sun"`
`editor.colorPanel.presetGradients.iceland`	`"Iceland"`
`editor.colorPanel.presetGradients.sunset`	`"Sunset"`
`editor.colorPanel.presetGradients.ultraviolet`	`"Ultraviolet"`
`editor.colorPanel.presetGradients.purple`	`"Purple"`
`editor.colorPanel.presetGradients.iceCream`	`"Ice Cream"`
`editor.colorPanel.presetGradients.mint`	`"Mint"`
`editor.colorPanel.presetGradients.cool`	`"Cool"`
`editor.colorPanel.presetGradients.fresh`	`"Fresh"`

Other editor panels

Key	Default value	Parameters
`editor.designPanel.toolbarButton`	`"Design"`	-
`editor.designPanel.defaultExpanded`	`"Palette"`	-
`editor.annotatePanel.toolbarButton`	`"Annotate"`	-
`editor.annotatePanel.callOutSection.title`	`"Call-out"`	-
`editor.annotatePanel.callOutSection.text`	`"Text"`	-
`editor.annotatePanel.callOutSection.arrow`	`"Arrow"`	-
`editor.annotatePanel.callOutSection.box`	`"Box"`	-
`editor.annotatePanel.callOutSection.differenceArrows`	`"Difference arrows"`	-
`editor.annotatePanel.highlightSection.title`	`"Highlight"`	-
`editor.annotatePanel.highlightSection.button`	`"Highlight"`	-
`editor.annotatePanel.highlightSection.colorLabel`	`"Highlight color"`	-
`editor.annotationsPanel.toolbarButton`	`"Annotate"`	-
`editor.annotationsPanel.freeformSection.title`	`"Freeform"`	-
`editor.annotationsPanel.freeformSection.text`	`"Text"`	-
`editor.annotationsPanel.freeformSection.arrow`	`"Arrow"`	-
`editor.annotationsPanel.freeformSection.box`	`"Box"`	-
`editor.annotationsPanel.freeformSection.difference`	`"Difference"`	-
`editor.annotationsPanel.goalSection.title`	`"Goal"`	-
`editor.annotationsPanel.goalSection.labelControl`	`"Label"`	-
`editor.annotationsPanel.goalSection.labelPlaceholder`	`"Goal"`	-
`editor.annotationsPanel.goalSection.labelAriaLabel`	`"Custom goal label"`	-
`editor.annotationsPanel.goalSection.valueControl`	`"Goal value"`	-
`editor.annotationsPanel.goalSection.valueAriaLabel`	`"Goal value"`	-
`editor.annotationsPanel.goalSection.byDate`	`"By date"`	-
`editor.annotationsPanel.goalSection.xAxisValue`	`"X-axis value"`	-
`editor.annotationsPanel.goalSection.optional`	`"(optional)"`	-
`editor.annotationsPanel.trendsAndAveragesSection.title`	`"Trends and Averages"`	-
`editor.annotationsPanel.trendsAndAveragesSection.trend`	`"Trend"`	-
`editor.annotationsPanel.trendsAndAveragesSection.average`	`"Average"`	-
`editor.annotationsPanel.trendType.label`	`"Trend type"`	-
`editor.annotationsPanel.trendType.placeholder`	`"Trend type"`	-
`editor.annotationsPanel.trendType.options.linear`	`"Linear"`	-
`editor.annotationsPanel.trendType.options.exponential`	`"Exponential"`	-
`editor.annotationsPanel.trendType.options.quadratic`	`"Quadratic"`	-
`editor.annotationsPanel.trendType.options.polynomial`	`"Polynomial"`	-
`editor.annotationsPanel.trendType.options.logarithmic`	`"Logarithmic"`	-
`editor.annotationsPanel.trendType.options.power`	`"Power"`	-
`editor.annotationsPanel.trendType.options.loess`	`"Loess"`	-
`editor.annotationsPanel.averageLineSeries.label`	`"Average line series"`	-
`editor.annotationsPanel.averageLineSeries.placeholder`	`"Select series"`	-
`editor.annotationsPanel.averageLineSeries.ariaLabel`	`"Series dropdown for average line"`	-
`editor.annotationsPanel.highlightSection.title`	`"Highlight"`	-
`editor.annotationsPanel.highlightSection.button`	`"Highlight"`	-
`editor.annotationsPanel.highlightSection.fadeColorLabel`	`"Fade color"`	-
`editor.annotationsPanel.titleAndSubtitleSection.title`	`"Title & Subtitle"`	-
`editor.annotationsPanel.titleAndSubtitleSection.toggleTitle`	`"Title"`	-
`editor.annotationsPanel.titleAndSubtitleSection.subtitle`	`"Subtitle"`	-
`editor.annotationsPanel.captionAndSourceSection.title`	`"Caption & Source"`	-
`editor.annotationsPanel.captionAndSourceSection.caption`	`"Caption"`	-
`editor.annotationsPanel.captionAndSourceSection.source`	`"Source"`	-
`editor.annotationsPanel.captionAndSourceSection.url`	`"URL"`	-
`editor.annotationsPanel.captionAndSourceSection.name`	`"Name"`	-
`editor.elementsPanel.toolbarButton`	`"Elements"`	-
`editor.elementsPanel.headerSection.title`	`"Header"`	-
`editor.elementsPanel.headerSection.toggleTitle`	`"Title"`	-
`editor.elementsPanel.headerSection.subtitle`	`"Subtitle"`	-
`editor.elementsPanel.footerSection.title`	`"Footer"`	-
`editor.elementsPanel.footerSection.caption`	`"Caption"`	-
`editor.elementsPanel.footerSection.source`	`"Source"`	-
`editor.elementsPanel.footerSection.url`	`"URL"`	-
`editor.elementsPanel.footerSection.name`	`"Name"`	-
`editor.elementsPanel.textSizeSection.title`	`"Text size"`	-
`editor.elementsPanel.textSizeSection.scaleFormat`	`"${value}x"` → “1.2x”	`{ value: string }`
`editor.elementsPanel.fontSection.title`	`"Font"`	-
`editor.elementsPanel.sourceSection.title`	`"Source"`	-
`editor.elementsPanel.sourceSection.url`	`"URL"`	-
`editor.elementsPanel.sourceSection.name`	`"Name"`	-
`editor.powerUpPanel.toolbarButton`	`"Power-ups"`	-
`editor.powerUpPanel.goalSection.title`	`"Goal"`	-
`editor.powerUpPanel.goalSection.toggle`	`"Goal"`	-
`editor.powerUpPanel.goalSection.labelControl`	`"Label"`	-
`editor.powerUpPanel.goalSection.labelPlaceholder`	`"Goal"`	-
`editor.powerUpPanel.goalSection.labelAriaLabel`	`"Custom goal label"`	-
`editor.powerUpPanel.goalSection.valueControl`	`"Goal value"`	-
`editor.powerUpPanel.goalSection.byDate`	`"By date"`	-
`editor.powerUpPanel.goalSection.xAxisValue`	`"X-axis value"`	-
`editor.powerUpPanel.goalSection.optional`	`" (optional)"`	-
`editor.powerUpPanel.goalSection.xAxisReferenceAriaLabel`	`"X-axis reference value"`	-
`editor.powerUpPanel.goalSection.anyXAxisValue`	`"Any x-axis value"`	-
`editor.powerUpPanel.goalSection.selectValuePlaceholder`	`"Select value"`	-
`editor.powerUpPanel.trendSection.title`	`"Trend"`	-
`editor.powerUpPanel.trendSection.toggle`	`"Trend"`	-
`editor.powerUpPanel.averageSection.title`	`"Average"`	-
`editor.powerUpPanel.averageSection.toggle`	`"Average"`	-
`editor.powerUpPanel.averageSection.seriesLabel`	`"Average line series"`	-
`editor.powerUpPanel.averageSection.seriesPlaceholder`	`"Select series"`	-
`editor.powerUpPanel.averageSection.seriesAriaLabel`	`"Series dropdown for average line"`	-
`editor.powerUpPanel.trendType.label`	`"Trend type"`	-
`editor.powerUpPanel.trendType.placeholder`	`"Trend type"`	-
`editor.powerUpPanel.trendType.options.linear`	`"Linear"`	-
`editor.powerUpPanel.trendType.options.exponential`	`"Exponential"`	-
`editor.powerUpPanel.trendType.options.quadratic`	`"Quadratic"`	-
`editor.powerUpPanel.trendType.options.polynomial`	`"Polynomial"`	-
`editor.powerUpPanel.trendType.options.logarithmic`	`"Logarithmic"`	-
`editor.powerUpPanel.trendType.options.power`	`"Power"`	-
`editor.powerUpPanel.trendType.options.loess`	`"Loess"`	-
`editor.powerUpPanel.valueInput.percentagePlaceholder`	`"Percentage"`	-
`editor.powerUpPanel.valueInput.numberPlaceholder`	`"Number"`	-
`editor.powerUpPanel.valueInput.percentageSymbol`	`"%"`	-
`editor.highlighting.modeHelper.title`	`"Highlight mode"`	-
`editor.highlighting.modeHelper.hover`	`"Hover"`	-
`editor.highlighting.modeHelper.toHighlight`	`"to highlight"`	-
`editor.highlighting.modeHelper.anyElement`	`"any element"`	-
`editor.highlighting.modeHelper.escToExit`	`"to exit"`	-
`editor.highlighting.modeHelper.esc`	`"ESC"`	-
`editor.highlighting.emptyState`	`"No highlight options available"`	-
`editor.highlighting.deleteAriaLabel`	`"Delete highlight"`	-
`editor.highlighting.highlightStyle.tint`	`"Tint"`	-
`editor.highlighting.highlightStyle.grey`	`"Grey"`	-
`editor.fineTunePanel.toolbarButton`	`"Fine tune"`	-
`editor.fineTunePanel.detailSection.title`	`"Detail"`	-
`editor.fineTunePanel.detailSection.missingValues`	`"Missing values"`	-
`editor.fineTunePanel.lineStyleSection.title`	`"Line style"`	-
`editor.fineTunePanel.lineStyleSection.lineCurve`	`"Line curve"`	-
`editor.fineTunePanel.lineStyleSection.sharp`	`"Sharp"`	-
`editor.fineTunePanel.lineStyleSection.smooth`	`"Smooth"`	-
`editor.customThemeEditor.patternDropdownAriaLabel`	`"Pattern dropdown for series"`	-
`editor.customThemeEditor.patterns.solid`	`"Solid"`	-
`editor.customThemeEditor.patterns.pattern`	`"Pattern"`	-
`editor.customThemeEditor.patterns.dotted`	`"Dotted"`	-
`editor.customThemeEditor.patterns.dashed`	`"Dashed"`	-
`editor.customThemeEditor.patterns.hatched`	`"Hatched"`	-
`editor.customThemeEditor.heatmapColorLabel`	`"Color"`	-
`editor.accessibility.toggleSection`	`"Toggle ${title} section"` → “Toggle graph section”	`{ title: string }`
`editor.graphyDefaults.themeOptions.light`	`"Light"`	-
`editor.graphyDefaults.themeOptions.dark`	`"Dark"`	-

Get started

Graph types

Configuration

Customization

Editor

Advanced

Reference

Overriding strings

Dynamic strings

Available strings

Common strings

Graph strings

Loading and errors

Axis labels

Default property labels

Trend comparisons

Headline metrics

Title editor

Annotations

Editor strings

Graph types

Size panel

Graph panel

Axes panel

Color panel

Other editor panels

Get started

Graph types

Configuration

Customization

Editor

Advanced

Reference

​Overriding strings

​Dynamic strings

​Available strings

​Common strings

​Graph strings

​Loading and errors

​Axis labels

​Default property labels

​Trend comparisons

​Headline metrics

​Title editor

​Toolbar

​Color dropdown

​Annotations

​Editor strings

​Graph types

​Size panel

​Graph panel

​Axes panel

​Color panel

​Other editor panels

Overriding strings

Dynamic strings

Available strings

Common strings

Graph strings

Loading and errors

Axis labels

Default property labels

Trend comparisons

Headline metrics

Title editor

Toolbar

Color dropdown

Annotations

Editor strings

Graph types

Size panel

Graph panel

Axes panel

Color panel

Other editor panels