테마

흰색 표면, slate 계열 글자와 파란 강조색을 사용하는 발표 중심의 기본 디자인입니다.

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

어두운 표면에서 글자, 격자와 표식 대비를 조정한 디자인입니다.

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

ggplot2 4.0.3 theme_gray의 패널, 격자, 글꼴, geom 기본값과 색상 체계를 일치시킵니다.

const options = { theme: 'ggplot' };

R 4.6.1 기본 그래픽의 흰 플롯 영역, 검은 축과 고전 색상표를 포함한 시각적 기본값을 일치시킵니다.

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

Matplotlib 3.11.1의 축, 글꼴, 선, 표식과 기본 색상 순환을 포함한 시각적 기본값을 일치시킵니다.

const options = { theme: 'matplotlib' };

보고서·기사·출판형 통계 스토리텔링을 위한 따뜻한 표면과 세리프 글꼴 중심 테마입니다.

const options = { theme: 'editorial' };

논문형 흰 표면, 네 면 축, 정밀한 선과 인쇄 중심 글꼴을 사용하는 과학 시각화 테마입니다.

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

불필요한 장식을 줄이고 비교 표식과 가로 기준 격자를 선명하게 유지하는 통계 전용 테마입니다.

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

운영 대시보드와 반복되는 작은 패널에 맞춘 촘촘한 간격과 작은 글꼴의 정보 밀도형 테마입니다.

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

모노스페이스 글꼴, 정지 모션, 각진 선과 상승·하락 대비를 적용한 어두운 금융 터미널 테마입니다.

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

시계열 격자, 경보 색상과 장시간 운영 모니터링 화면에 맞춘 어두운 관측성 테마입니다.

const options = { theme: 'observability' };

물·지형·지역 범주 색상을 조화시킨 밝은 지도 및 지리 데이터 테마입니다.

const options = { theme: 'geospatial' };

WebGL 표면·볼륨·벡터장을 위한 고채도 색상과 어두운 실험실형 공간 시각화 테마입니다.

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

큰 글자와 굵은 표식으로 프로젝터와 먼 거리에서도 읽기 쉬운 발표 전용 테마입니다.

const options = { theme: 'presentation' };

설명형·그림형 차트를 위한 둥근 형태와 친근하고 선명한 색상의 테마입니다.

const options = { theme: 'pictorial' };

촘촘한 격자, 모노스페이스 글꼴과 정밀한 기하를 사용하는 어두운 기술 분석 테마입니다.

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

검정·흰색·고채도 색상, 큰 글자와 굵은 선으로 시각 대비를 극대화한 테마입니다.

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

테마 적용

ChartSpec 또는 Quick API options의 theme에 공개 식별자를 지정합니다. 같은 식별자를 Canvas와 Spatial에서 사용할 수 있습니다.

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

명시 스타일 우선

mark, axis와 background에 직접 지정한 스타일은 선택한 테마보다 우선합니다.

현재 경계

선택한 참조 시스템에 직접 대응하는 차트는 해당 시스템의 기본값을 따릅니다. 대응물이 없는 전문 및 Spatial 차트는 Graflume geometry를 유지하면서 패널, 글꼴, 색상 scale과 chrome을 상속합니다.