meepin Bar3D는 ECharts-GL에서 데이터를 3차원 막대 형태로 시각화하는 대표적인 3D 차트 유형입니다.
tagged 3d
아래는 데이터 변환 과정에서 중간에 사용되는 GraphicGL의 역할입니다.
OpenID Connect(OIDC)는 OAuth 2.0 프로토콜 위에 구축된 인증 레이어입니다.
이 문서는 SPA로 구현된 웹애플리케이션의 마지막 상태를 복원하는 방법에 대해 초점을 두고 작성한 글입니다.
ECharts Core ↓ EChartsGL (최상위 레이어) ↓ LayerGL (WebGL 렌더링 레이어) ↓ ViewGL (장면, 카메라, 뷰포트 관리) ↓ ClayGL (저수준 WebGL 라이브러리)
displayFadeMenuHandler=> show 안에 이벤트와 메뉴 아이디를 넣어 호출함, 사용하는곳에 onClick으로 지정
웹팩의 기본적인 개념과 리액트 프로젝트의 초기 구성을 정리한 문서입니다.
목차 1. 좌표계란 무엇인가? 2. 웨이퍼맵에서 좌표계가 필요한 이유 3. 데이터 좌표계 (Data Coordinate System) 4. 웨이퍼 로컬 좌표계 (Wafer Local Coordinate System) 5. Three.js 월드 좌표계 (World Coordinate Sy
이 문서는 단일 <Wafermap3D/ 컴포넌트로 모든 내부 파싱과 처리를 담당하는 3D 웨이퍼맵 시스템의 구현 청사진입니다. 상호작용(interaction)과 데이터 관리(data management), 최적화는 우선 배제하고 핵심 렌더링 기능에 집중합니다.
1. 전체 아키텍처 분석 echarts 및 echartsGL 의 아키텍처와 렌더링 프로세스 이해
코어 모듈 관계트리 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 웨이퍼맵을 생성합니다.
이 문서는 웨이퍼맵 3D 시스템의 핵심 4단계 프로세스와 100 1000개 Shot 렌더링 최적화를 위한 완전한 구현 가이드입니다.
Three.js를 사용한 완전히 새로운 3D 웨이퍼맵 시각화 시스템을 설계합니다. 기존 2D 웨이퍼맵과는 독립적으로 개발되며, 3차원 웨이퍼 데이터를 전용으로 처리하는 Shot Mode와 Focus Spot Mode를 지원하는 고성능 3D 시각화 솔루션입니다.
프로젝트 개요 일정 : 2025년 7월 1일 하이닉스(분당) 미팅 목표 : POC 개발 추가 확인사항 : 7월 1일 화요일 답변 예정