Themes

A presentation-oriented default with white surfaces, slate text, and a blue accent.

const options = { theme: 'graflume-light' };

A dark surface with contrast-tuned text, grids, and marks.

const options = { theme: 'graflume-dark' };

Matches ggplot2 4.0.3 theme_gray panels, grids, typography, geom-facing defaults, and colour scales.

const options = { theme: 'ggplot' };

Matches R 4.6.1 base graphics, including its white plotting region, black axes and classic palette.

const options = { theme: 'r-base' };

Matches Matplotlib 3.11.1 defaults for axes, typography, lines, markers and the default colour cycle.

const options = { theme: 'matplotlib' };

A warm, serif-led profile for reports, articles, and publication-style statistical storytelling.

const options = { theme: 'editorial' };

A restrained paper-like profile with boxed axes, precise strokes, and print-oriented scientific typography.

const options = { theme: 'scientific-classic' };

A low-chrome statistical profile that keeps comparison marks and horizontal reference grids prominent.

const options = { theme: 'statistical-minimal' };

A compact information-dense profile for operational dashboards and repeated small panels.

const options = { theme: 'dashboard-dense' };

A dark monospace market profile with zero motion, crisp square strokes, and gain/loss contrast.

const options = { theme: 'finance-terminal' };

A dark monitoring profile tuned for time-series grids, alert colours, and long-running operational views.

const options = { theme: 'observability' };

A light cartographic profile with water, terrain, and geographic categorical colours.

const options = { theme: 'geospatial' };

A dark high-chroma laboratory profile for WebGL surfaces, volumes, and vector fields.

const options = { theme: 'spatial-lab' };

A large-type, high-clarity profile designed for projected slides and distant viewing.

const options = { theme: 'presentation' };

A friendly rounded profile with vivid colours for explanatory and pictorial charts.

const options = { theme: 'pictorial' };

A dark monospace engineering profile with dense grids and crisp technical geometry.

const options = { theme: 'dark-technical' };

A black, white, and saturated profile with enlarged typography and strokes for maximum visual contrast.

const options = { theme: 'high-contrast' };

Apply a theme

Set the public identifier in ChartSpec or Quick API options.theme. The same identifier works in Canvas and Spatial.

const chart = Graflume.line('#chart', rows, {
  theme: 'graflume-light',
  x: { field: 'month', type: 'ordinal' },
  y: { field: 'sales', type: 'quantitative' }
});

Explicit styles win

Styles set directly on marks, axes, or backgrounds take precedence over the selected theme.

Current boundary

Charts with a direct counterpart in the selected reference system follow that system's defaults. Specialist and Spatial charts without one keep Graflume geometry while inheriting panels, typography, colour scales and chrome.