Skip to main content

​
All graph types

The Graphy SDK supports 18 different graph types. Set the type property on your GraphConfig to use any of these: 
const config: GraphConfig = {
  type: 'line',  // Any of the types below
  data: { /* ... */ }
};

​
Available types

TypeDescriptionBest for
lineLine chart (single or multiple series)Time series data, trends, continuous measurements
areaStackedStacked area chartPart-to-whole relationships over time, cumulative values
barGrouped horizontal bar chartComparing categories, ranking data, long category names
barStackedStacked horizontal bar chartPart-to-whole comparisons, showing composition across categories
barStackedFill100% stacked horizontal bar chartComparing proportions, showing percentage breakdowns
columnGrouped vertical column chartComparing values across categories, time-based comparisons
columnStackedStacked vertical column chartPart-to-whole relationships, composition over time
columnStackedFill100% stacked vertical column chartComparing proportions across categories or time periods
comboCombo chart with two y-axesComparing metrics with different units or scales
piePie chartSimple part-to-whole relationships (2-6 slices ideal)
donutDonut chartPart-to-whole with optional central metric display
funnelFunnel chartConversion funnels, process stages, progressive reduction
heatmapHeatmapPatterns across two dimensions, correlation matrices
scatterScatter plotCorrelation analysis, distribution patterns, outlier detection
bubbleBubble chartThree-variable comparisons, weighted scatter plots
waterfallWaterfall chartFinancial analysis, explaining variance, incremental changes
mekkoMekko chartMarket share analysis, size and composition simultaneously
tableData tablePrecise values, detailed data exploration, supporting charts

​
TypeScript type

The Type is defined as a string enum: 
type Type = 
  | 'line'
  | 'areaStacked'
  | 'bar'
  | 'barStacked'
  | 'barStackedFill'
  | 'column'
  | 'columnStacked'
  | 'columnStackedFill'
  | 'combo'
  | 'pie'
  | 'donut'
  | 'funnel'
  | 'heatmap'
  | 'scatter'
  | 'bubble'
  | 'waterfall'
  | 'mekko'
  | 'table';

​
Detailed information

For detailed information about each graph type, including when to use them and examples, see the graph types guide.

​
Type-specific options

Many graph types have additional configuration options available through the options property. See type options for details.