Graflume

데이터를 읽기 쉬운 차트로.

웹사이트와 대시보드에 인터랙티브 차트를 넣는 JavaScript 라이브러리입니다. 예제로 먼저 체험하고, 마음에 드는 차트를 내 데이터로 만들어보세요.

예제로 직접 체험하기 차트 둘러보기
  • 44 가지 차트
  • 17 가지 테마
  • 2D부터 3D까지
Line · Editorial
월별 매출의 흐름선 차트 · Editorial
Map · Geospatial
지도 차트
Pie / Donut · Pictorial
원형 차트
Surface · Spatial Lab
3D 표면 차트

완성한 차트, 그대로 저장하고 바로 다시 열기

선명한 SVG로 저장하고, 다시 열어도 값 확인·범례·확대 기능을 이어서 사용하세요. 예제로 직접 체험한 뒤 SVG를 보고서나 발표 자료에 담아 보세요.

월별 매출 예제

차트를 열어 값을 살펴본 뒤, 저장하고 다시 열어 보세요.

내 웹사이트에 적용하기
// After creating a chart with JSON-compatible data and settings:
const saved = JSON.stringify(chart.toSnapshot());
// Your app may store saved in IndexedDB or its own account storage.
chart.destroy();
const reopened = Graflume.restore('#chart', JSON.parse(saved));
const svg = reopened.toSVG();
// Data or setting changes can still update the reopened chart:
// reopened.setData(nextRows);

하나의 라이브러리, 다양한 이야기

분석은 정확하게, 표현은 자유롭게

질문에 맞는 차트

항목을 비교하고, 변화를 따라가고, 관계를 찾아보세요. 데이터로 답하고 싶은 질문에서 시작하면 됩니다.

내 작업에 어울리는 스타일

보고서, 발표, 대시보드에 맞는 테마를 고르고 같은 데이터가 어떻게 달라 보이는지 비교하세요.

값을 확인하고 결과를 공유

차트의 세부 값과 데이터 표를 확인하고, 완성한 차트를 이미지로 내보내 내 작업에 사용하세요.

값을 바꾸며 첫 차트를 만들어보세요

월별 매출 예제로 차트와 테마를 고르고 데이터를 바꿔보세요. 완성된 예제는 복사하거나 내려받아 내 웹사이트에 넣을 수 있습니다.

예제로 직접 체험하기