Reflex, XY 오픈소스 공개: 1억 포인트 차트도 인터랙티브하게 유지하는 Rust 기반 초고속 Python 차트 라이브러리
RustWebGL2Python데이터 시각화오픈소스Apache-2.0
데이터 포인트가 수십만 개만 넘어가도 차트가 끊기듯 느려진 경험, 한 번쯤은 있으실 겁니다. Reflex AI가 공개한 새로운 Python 차트 라이브러리 XY는 이 문제를 정면으로 해결합니다. 네이티브 Rust 코어와 WebGL2 GPU 렌더링을 결합해, 1만 포인트부터 1억 포인트까지 일정한 속도를 유지하는 것이 핵심입니다.
한 줄 요약: XY란 무엇인가
XY는 Apache-2.0 라이선스로 공개된 인터랙티브 2D 시각화용 Python 차트 라이브러리입니다. 가장 큰 특징은 다음과 같습니다.
- Rust로 작성된 네이티브 코어가 무거운 연산을 처리합니다.
- JSON 대신 타입이 지정된 바이너리 버퍼로 데이터를 전송합니다.
- 브라우저에서는 WebGL2(GPU)로 그려 수십만~수억 포인트를 부드럽게 다룹니다.
- 설치는
pip install xy, Python 3.11 이상이면 됩니다.
왜 기존 Python 차트 라이브러리는 느려질까
대부분의 Python 차트 스택은 행마다 하나의 객체(마커)를 만들어 그립니다. 포인트가 10만 개만 넘어도 그릴 객체 수가 폭증하고, 마우스 오버·확대·축소 같은 인터랙션이 버벅이기 시작합니다. 전송 단계에서도 JSON 직렬화 비용이 누적됩니다.
XY는 접근 방식 자체를 바꿉니다.
- Python 쪽의 ColumnStore에 정밀한
f64열을 보관합니다. - 트레이스마다 화면 크기에 맞는 제한된 표현을 선택합니다.
- 긴 선은 M4 데시메이션으로 줄이고, 20만 포인트를 넘으면 자동으로 밀도 표현으로 전환합니다.
이 덕분에 1만 포인트에서 약 0.071초, 1억 포인트에서도 약 0.081초로 거의 일정한 렌더링 시간을 유지합니다.
핵심 용어 5분 정리
Rust(러스트)
메모리 안전성과 고성능을 동시에 노리는 프로그래밍 언어입니다. 가비지 컬렉터 없이도 안전한 병렬 처리가 가능해, XY의 고성능 코어 구현에 사용됩니다.
WebGL2
브라우저에서 플러그인 없이 GPU를 사용해 2D·3D 그래픽을 그리는 JavaScript API입니다. 일반 SVG 기반 차트보다 훨씬 많은 포인트를 빠르게 표시할 수 있습니다.
타입이 지정된 바이너리 버퍼(Typed binary buffer)
숫자를 텍스트(JSON)로 변환하지 않고, 정수·실수 같은 특정 자료형으로 직접 인코딩해 브라우저로 보내는 방식입니다. 전송 크기와 처리 부담을 크게 줄여 줍니다.
M4 데시메이션(M4 decimation)
긴 시계열을 화면 구간별로 줄이되, 형태를 잘 보존하는 대표값만 남기는 차원 축소 기법입니다. 100만 개의 원본을 그대로 그리지 않고도 시각적 특징을 유지합니다.
ColumnStore(컬럼 스토어)
데이터를 행 단위가 아니라 열 단위로 저장하는 구조입니다. 분석에 필요한 열만 빠르게 읽을 수 있어 대규모 데이터 처리에 유리합니다.
성능 비교: XY vs Matplotlib vs Plotly
벤치마크는 Apple M5 Pro에서 모든 라이브러리를 실제 브라우저로 실행해 측정했습니다. 캔버스가 10프레임 안정된 뒤에만 측정을 멈추는, 상당히 엄격한 방식입니다.
| 포인트 수 | XY | Matplotlib(WebAgg) | Plotly(scattergl) |
|---|---|---|---|
| 100만 | 0.084초 | 0.357초 | 0.614초 |
| 1,000만 | 0.083초 | 2.804초 | 3.367초 |
| 5,000만 | 0.076초 | 13.385초 | ✕ |
| 1억 | 0.081초 | ✕ | ✕ |
쉽게 말해 1,000만 포인트에서 약 34배, 5,000만 포인트에서 약 177배 빠릅니다. 메모리 사용량도 1,000만 포인트 기준 XY는 0.32GiB, Matplotlib 0.84GiB, Plotly 1.86GiB로 큰 차이를 보입니다.
특히 인상적인 수치가 내보내기 파일 크기입니다. 1,000만 포인트 인터랙티브 산점도를 HTML로 내보낼 때 XY는 258KiB, Plotly는 259MiB로 약 1,000배 차이가 납니다.
어디에 쓰면 좋을까
XY는 버전 0.0.1 알파 단계입니다. pip install xy로 바로 설치할 수 있고, 노트북·내부 대시보드·공유용 HTML에는 지금도 투입할 수 있습니다. 다만 규제 산업의 고객 대면 핵심 경로에는 파일럿으로 시작하는 편이 안전합니다.
특히 잘 맞는 분야
- 정량 금융: 틱 단위 시세 데이터 시각화
- 유전체학·생물정보학: 맨해튼 플롯, 대립유전자 빈도 스캔
- 관측성·텔레메트리: 대규모 로그·센서 데이터
- 천문학: 항성·카탈로그 데이터
- 지리공간 분석: 대규모 좌표 데이터
공통점은 행 수가 실제 병목이라는 점입니다.
API와 통합
차트는 마크, 축, 범례, 툴팁, 주석을 선언적으로 구성합니다. 현재 14가지 계열을 제공합니다.
- 산점도, 선, 영역, 히스토그램, 상자, 바이올린
- ECDF(경험적 누적분포함수), 히트맵, 헥스빈, 등고선 등
스타일링은 안정적인 DOM 슬롯을 통해 일반 CSS와 Tailwind 클래스로 지정할 수 있습니다. 기존 Matplotlib 사용자를 위한 호환층도 있어 import xy.pyplot as plt로 시작하는 마이그레이션 경로가 제공됩니다(다만 모든 기능이 지원되지는 않는다고 안내서에 명시되어 있습니다). reflex-xy 어댑터를 쓰면 차트를 JavaScript나 iframe 없이 Reflex 컴포넌트로 바꿀 수도 있습니다.
자주 묻는 질문(FAQ)
Q1. XY는 지금 운영 환경에 바로 써도 되나요?
현재 버전은 0.0.1 알파입니다. 노트북, 내부 분석, 공유용 HTML에는 도입 가능하지만, 규제 산업의 핵심 경로에는 파일럿으로 시작하는 것을 권장합니다.
Q2. 설치 요구 사항은 무엇인가요?
Python 3.11 이상에서 pip install xy 한 줄로 설치할 수 있습니다.
Q3. 1억 포인트짜리 차트도 정말 부드럽게 돌아가나요?
공개 벤치마크 기준 1억 포인트 렌더링이 약 0.081초로 측정됩니다. 단, 이는 화면에 맞는 제한된 표현을 그리는 방식이라 시각적 정확도와 데이터 정확도의 균형을 이해하고 사용해야 합니다.
Q4. 왜 기존 Plotly보다 내보내기 파일이 1,000배나 작은가요?
JSON 텍스트 대신 타입이 지정된 바이너리 버퍼로 데이터를 전송하고, 화면에 맞는 표현만 보내기 때문입니다. 100만~1억 행에서 전송 페이로드가 약 258KiB 수준으로 유지됩니다.
Q5. 정확한 데이터 값은 어떻게 확인하나요?
Python 쪽에 f64 정밀도의 원본 열이 그대로 남아 있어, 마우스 오버·선택·확대 구간에서 pick()을 통해 원래 행을 정확히 찾아낼 수 있습니다.
핵심 요점 정리
- XY는 행마다 마커를 그리지 않고 화면 크기에 맞는 제한된 표현을 그려 1만~1억 포인트에서 약 0.08초 렌더링을 유지합니다.
- Rust 코어 + 바이너리 전송 조합으로 1,000만 포인트 인터랙티브 HTML을 258KiB로 압축합니다.
- Python 쪽의 정밀한 f64 열이 마우스 오버·선택·확대에서 정확한 행을 반환합니다.
- 버전 0.0.1 알파라는 점은 인지하고, 핵심 운영 경로에서는 신중히 도입해야 합니다.
- 금융·유전체학·텔레메트리·천문학처럼 행 수가 병목인 분야에 가장 잘 맞습니다.