Skip to main content
Graphy supports 18 different graph types, each optimized for specific data visualization needs.

​
How to use

Set the type property on your GraphConfig to choose a chart type: 
const config: GraphConfig = {
  type: 'line',  // Any of the types below
  data: { /* ... */ }
};

​
Choosing the right type

Consider three key factors when selecting a chart type:
  1. Your data structure - Number of series, categorical vs continuous data
  2. Your message - Comparison, trends, composition, distribution or relationships
  3. Your audience - Familiarity with chart types, complexity tolerance

​
By category

​
Line charts

  • Line - Time series data, trends, continuous measurements
  • Stacked area - Part-to-whole relationships over time

​
Bar and column charts

  • Bar - Horizontal bars for comparing categories and ranking
  • Column - Vertical bars for comparisons and time series

​
Pie and donut

  • Pie - Simple part-to-whole relationships (2-6 slices)
  • Donut - Part-to-whole with central metric

​
Combination

  • Combo - Comparing metrics with different units or scales

​
Specialised

  • Funnel - Conversion funnels, process stages
  • Heatmap - Patterns across two dimensions
  • Scatter - Correlation analysis, distribution patterns
  • Bubble - Three-variable comparisons
  • Waterfall - Financial analysis, incremental changes
  • Mekko - Market share analysis
  • Table - Precise values, detailed data

​
Type-specific options

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