Apache ECharts 5.6 릴리즈

3 weeks ago 7

  • ECharts는 오픈소스 JavaScript 시각화 라이브러리로 PC와 모바일 모두에 최적화됨
  • Internet Explorer 9/10/11, Chrome, Firefox, Safari 등 대부분의 최신 브라우저와 호환됨
  • 자체 그래픽 렌더링 엔진인 ZRender를 사용하여 직관적이고 상호작용 가능한 고품질 차트를 제공함

다양한 차트 유형 제공

  • 라인 차트, 바 차트, 산점도, 파이 차트, 캔들스틱 차트, 박스플롯, 지도, 히트맵, 방향 정보용 라인 차트, 관계 그래프, 트리맵, 선버스트, 병렬 좌표, 퍼널 차트, 게이지 차트 등 제공
  • 다양한 시각화 유형을 조합하여 복합 차트 생성 가능
  • 사용자 정의 차트 시리즈 지원으로 renderItem 콜백 함수만 전달하면 원하는 그래픽 요소를 자유롭게 구현 가능
  • 상호작용 기능이 내장되어 추가 설정 없이 바로 사용 가능

경량화 및 구성요소 선택 다운로드 기능

  • 기본 패키지는 고도로 최적화되어 있지만 필요에 따라 차트 유형과 구성요소만 선택해 경량 패키지를 생성할 수 있음
  • 온라인 빌더를 통해 필요한 기능만 포함된 커스텀 번들 다운로드 가능

다양한 데이터 형식 지원

  • v4.0부터 dataset 속성을 통해 2차원 배열, key-value 객체 등 다양한 데이터 구조 지원
  • encode 속성으로 데이터 구조를 직관적으로 매핑 가능
  • 데이터 변환 알고리즘 작성 시간 절약 및 메모리 사용 최소화
  • 하나의 dataset을 여러 컴포넌트에서 공유 가능
  • TypedArray 지원으로 메모리 절약 및 성능 개선 가능

대용량 데이터 시각화 최적화

  • 수백만 개 데이터 포인트 시각화를 위한 인크리멘털 렌더링 기술 제공
  • 확대/축소, 이동 등 상호작용 기능도 대용량 데이터에서 원활하게 작동
  • WebSocket을 활용한 스트리밍 데이터 렌더링 지원
  • 전체 데이터를 모두 로딩하지 않고도 시각화 가능

모바일 최적화

  • 모바일 환경에서의 확대/축소 및 이동 기능에 최적화됨
  • PC에서는 마우스 휠을 통한 동일한 조작 가능
  • 모바일을 위한 소형 패키지 제공
  • SVG 렌더링 엔진 선택 시 메모리 사용량 추가 감소

다양한 렌더링 방식과 플랫폼 호환

  • Canvas, SVG (v4.0 이상), VML 등 다양한 렌더링 방식 지원
  • VML은 구형 IE 브라우저 호환, SVG는 모바일에서 메모리 효율적, Canvas는 대용량 처리에 강함
  • Node.js 환경에서는 node-canvas를 통해 서버사이드 렌더링(SSR) 가능
  • WeChat MiniProgram에서도 사용 가능
  • 커뮤니티에서 Python(pyecharts), R(echarty), Julia(ECharts.jl) 등의 언어 확장도 개발됨
  • 다양한 플랫폼과 언어 지원으로 개발자는 시각화 자체에만 집중 가능

상호작용 기반 데이터 탐색 기능

  • 줌, 팬, 필터링을 통해 전체 데이터에서 세부 데이터로 탐색 가능
  • legend, visualMap, dataZoom, tooltip, brush 등 다양한 상호작용 컴포넌트 제공
  • 사용자 인터페이스에서 다양한 방식으로 데이터 탐색 가능

다차원 데이터 시각화 기능 강화

  • ECharts 3부터 다차원 데이터 시각화 지원 강화
  • 병렬좌표계 등 전통적인 다차원 시각화 외에도 다양한 방식으로 데이터 표현 가능
  • visualMap 컴포넌트를 활용해 색상, 크기, 투명도, 음영 등 시각적 속성에 차원 데이터를 매핑 가능

실시간 데이터 반영

  • 데이터셋 변경 시 실시간으로 차트에 반영됨
  • 데이터 변경 사항을 자동으로 감지해 애니메이션을 통해 차트에 표현
  • timeline 컴포넌트를 통해 시간 흐름에 따른 데이터 표현도 가능

시각적 특수 효과 제공

  • 포인트, 라인, 지리 데이터 등 모든 유형의 데이터에 시각적 효과 적용 가능
  • 사용자의 주목을 끌고, 데이터 전달력 향상

WebGL 기반의 3D 시각화

  • ECharts GL은 WebGL 기반으로 3D 지구본, 빌딩, 인구 히스토그램 등 다양한 3D 시각화를 지원
  • 간단한 설정만으로 시각 효과를 추가 가능
  • VR 및 대형 스크린에서도 활용 가능

접근성 지원

  • W3C의 WAI-ARIA 접근성 표준 준수
  • 차트 설정 정보를 바탕으로 시각장애인용 자동 설명 생성
  • 화면 낭독기를 통한 시각화 콘텐츠 접근 가능

Read Entire Article