GridRender
전력망 데이터를 브라우저에서 시각화합니다.
브라우저에서 확인하는 전력망 구조
발전부터 송전과 배전까지.
GridRender는 변전소 설비부터 넓은 송전망까지 전력망 데이터를 도면으로 만드는 시각화 라이브러리와 브라우저 앱입니다. 설비와 연결선을 자동 배치해 SVG로 표시합니다.
데이터를 불러와 도면을 생성하고 살펴보는 작업을 한 화면에서 수행합니다. 도면과 원본 문서를 나란히 비교하고, 확대·이동·레이블 보정으로 설비 연결을 자세히 확인합니다.
LF Energy의 PowSyBl 프로젝트에서 제공하는 Java 다이어그램 기능을 Rust로 독립 이식했습니다. 브라우저의 WebAssembly가 데이터를 계산해 도면을 생성합니다. 전력 데이터 앱·HMI·변전소 모니터링·기존 시스템 연동에 활용할 수 있습니다.
- 01
전력망 데이터
문서 불러오기 · 예제 선택
- 02
자동 배치와 렌더링
Rust / WASM → SVG
- 03
도면과 문서 탐색
확대 · 이동 · 표시 옵션
변전소 단선도
모선·차단기·변압기와 연결선을 자동 배치한 SLD 화면입니다. 전압 수준 하나부터 변전소·구역까지 범위를 선택하고, 설비 기호와 이름을 함께 확인합니다. 실행한 데모의 substation 예제를 영어로 캡처했습니다.
송전망과 자동 배치
NAD는 전압 수준 사이의 선로와 변압기 연결을 보여줍니다. Atlas2와 BasicForceLayout을 선택해 배치를 다시 계산할 수 있습니다. 캡처는 IEEE_14_bus 예제이며, 화면에 보이는 값은 샘플 데이터입니다.
도면과 원본 문서
Diagram·Source·Split 중 표시 방식을 선택합니다. 분할 화면에서는 도면 옆에서 입력 문서, 설정, 생성 SVG와 변환한 전력망 문서를 검색·확인합니다. 원본 문서는 구문을 강조해 표시하며 복사와 다운로드를 제공합니다.
표시 옵션과 읽기 편한 도면
Quick·Options·Configuration에서 표시 규칙과 설정을 조정합니다. 변경 후에도 확대·이동 상태를 유지하며 SVG DOM의 달라진 부분을 갱신합니다. 화면의 글자 크기와 겹친 레이블 위치를 보정하며, 다운로드에는 렌더러의 원본 SVG를 유지합니다.
전력망 데이터 시각화
예제 또는 불러온 전력망 문서로 단선도와 네트워크 도면을 생성합니다. 현재 데모에서 XIIDM/XML·JIIDM/JSON·MATPOWER·IEEE CDF의 가져오기와 내보내기를 안내하고 있으며, 형식별 구현 범위를 구분합니다. 이 화면은 기본 예제를 생성한 결과입니다.