meepin 1. 전체 아키텍처 분석 echarts 및 echartsGL 의 아키텍처와 렌더링 프로세스 이해
tagged legacy
코어 모듈 관계트리 ECharts <br/ | echarts.init() 차트 초기화 <br/ | | ZRender 2D 렌더링 엔진 <br/ | SeriesModel 시리즈 데이터 및 옵션 관리 <br/ | | List 데이터 구조 <br/ | CoordinateSystem 좌표계 관
목차 1. 라이브러리 구조 분석 2. 렌더링 파이프라인 분석
목차 1. 3D 관련 컴포넌트 분석 2. 시리즈 렌더링 메커니즘
WebGL 기반 3D 시각화는 강력한 표현력을 제공하지만, 성능 이슈가 발생할 수 있습니다. ECharts GL의 성능을 분석하고 최적화하기 위한 프로파일링 방법을 살펴보겠습니다.
목차 1. 이벤트 메커니즘 2. 3D 공간에서 상호작용
1. GL (Graphics Library)란? GL 은 Graphics Library 의 약어로, 컴퓨터 그래픽을 그리는 데 필요한 기능들을 제공하는 라이브러리입니다. 특히 OpenGL 은 2D 및 3D 그래픽 렌더링을 위해 널리 사용되는 표준 API입니다.
목차 1. 소개 2. ECharts GL 아키텍처 개요 3. 렌더링 파이프라인 4. cone3D 차트 렌더링 과정 5. 내부 작동 메커니즘 6. ClayGL과의 통합 7. 결론
목차 1. GL 레이어 구조 개요 2. GL 컴포넌트 상세 분석 3. 컴포넌트 간 의존 관계 4. Geometry 클래스 생성 패턴 5. 좌표계와 GL 컴포넌트 통합
1. [echarts.init] 1. 차트 인스턴스 생성 2. 내부 [ZRender] 초기화 후 반환 3. [charts gl] 확장 [echarts.registerPostInit()] 콜백 [LayerGL], [ZRTextureAtlasSurface] 생성 GL 전용 레이어, 텍스처
WebGL 은 웹 브라우저 내에서 플러그인 없이 2D 및 3D 그래픽을 구현할 수 있도록 하는 JavaScript 기반 API입니다. <br/ OpenGL ES를 토대로 하여 GPU의 하드웨어 가속을 활용, 웹에서 고성능 그래픽 처리를 가능하게 합니다.
프로젝트 개요 wafermap poc는 반도체 웨이퍼의 결함 정보를 시각화하는 React 기반 프로젝트입니다. KLARF(KLA Tencor's defect reporting file format) 포맷의 데이터를 입력받아 ECharts 기반의 인터랙티브한 2D 웨이퍼맵을 생성합니다.