본문으로 건너뛰기

그래프 화면 (Graph)

한눈에 보기

그래프 화면은 데이터 간 관계를 네트워크(노드-엣지) 형태로 시각화하는 화면입니다. Lot 추적, 공정 흐름, 자재 추적 등 연결 관계를 시각적으로 파악해야 할 때 사용합니다.

소개​

그래프 화면은 트리와 달리 계층이 아닌 관계를 보여줍니다. 데이터가 서로 어떻게 연결되어 있는지를 노드(원)와 엣지(선)로 표현합니다.

제조업에서는 Lot 추적(이 제품의 원자재가 어디서 왔는지), 공정 흐름도(어떤 순서로 공정을 거치는지) 등에 활용됩니다.

이렇게 보입니다​

전체 화면​

그래프 화면 전체

그래프 화면의 전체 모습입니다. 데이터가 노드(원)로, 관계가 엣지(선)로 표현됩니다.

공정 흐름도
입고
절단
성형
조립
도장
검사
출하

Lot 추적 그래프​

Lot 추적 그래프

Lot 추적 그래프에서는 원자재부터 완제품까지의 연결 관계를 한눈에 파악할 수 있습니다.

Lot 추적: LOT-2025-00042
원자재반제품완제품
볼트 M8
LOT-R001
프레임
LOT-S001
제품 A
LOT-P001
너트 M8
LOT-R002
↗ (프레임으로)
케이스 원판
LOT-R003
케이스
LOT-S002
제품 A
LOT-P001
◀ 역추적 정추적 ▶ 전체 경로

주요 기능​

기능설명
줌/팬마우스 휠로 확대/축소, 드래그로 이동
노드 클릭클릭 시 상세 정보 팝업
경로 추적특정 노드에서 연결된 모든 경로 하이라이트
역추적/정추적원인 → 결과(정추적), 결과 → 원인(역추적)
필터특정 조건의 노드만 표시
레이아웃자동 배치 (계층형, 원형, 포스 등)

설정 방법​

그래프 화면을 만들려면:

  1. 노드 데이터: 표시할 항목들의 테이블
  2. 엣지 데이터: 항목 간 연결 관계 (FK 또는 관계 테이블)
설정설명
노드 테이블그래프의 각 점이 될 데이터
노드 레이블노드에 표시할 텍스트
엣지 설정노드 간 연결 관계 정의
레이아웃자동 배치 알고리즘 선택
색상 구분노드 타입/상태별 색상

실무 예시​

업무노드엣지
Lot 추적원자재, 반제품, 완제품투입/생산 관계
공정 흐름도공정 단계이전공정 → 다음공정
설비 연결도설비연결 관계
자재 소요제품, 부품, 원자재BOM 관계
팁

Lot 추적은 품질 문제 발생 시 원인 파악(역추적) 과 영향 범위 파악(정추적) 에 필수적입니다. 불량 원자재가 어떤 제품에 사용되었는지 그래프로 바로 확인할 수 있습니다.

자주 묻는 질문​

Q: 그래프에 표시되는 노드 수에 제한이 있나요? A: 기술적 제한은 없지만, 100개 이상의 노드가 있으면 화면이 복잡해질 수 있습니다. 필터 기능으로 범위를 좁히세요.

Q: 그래프의 레이아웃을 수동으로 조정할 수 있나요? A: 자동 배치 후 개별 노드를 드래그하여 위치를 조정할 수 있습니다.

다음 단계​