본문으로 건너뛰기

시각화 노드

한눈에 보기

파이프라인 빌더 팔레트에는 「시각화」라는 이름의 묶음이 따로 없습니다. 차트를 만드는 노드는 쓰임새에 따라 다른 묶음에 들어 있습니다. 범용 차트는 「실행하기」 묶음의 대시보드 차트, 품질 관리도는 「품질 관리」 묶음의 관리 차트, 모델 설명 차트는 「AI 분석」 묶음의 판단 이유 노드입니다. 이 문서는 세 노드와 함께, 실행 결과를 화면에서 확인하는 하단 콘솔의 보기 기능을 정리합니다.

무엇을 하는 노드인가​

파이프라인의 결과는 대부분 표나 JSON입니다. 숫자만 보고는 추세나 이상을 놓치기 쉬우므로, 시각화 노드는 결과를 차트를 그릴 수 있는 데이터로 바꿉니다. 차트 유형, 가로·세로 항목, 색상, 기준선 같은 표시 정보가 결과 안에 함께 담깁니다.

시각화 노드가 만드는 것은 차트용 데이터(JSON)이며, 실행 결과로 저장됩니다. 하단 콘솔의 데이터 미리보기 탭에서 노드를 선택하면 그 결과를 확인할 수 있습니다.

노드 목록​

대시보드 차트 (「실행하기」 묶음)​

입력 데이터를 선택한 차트 유형에 맞는 데이터로 바꿉니다. 출력 포트가 없는 마지막 단계 노드입니다.

  • 입력: 모든 형식
  • 주요 설정: 차트 모양, 차트 제목, 가로 항목(X), 세로 항목(Y, 여러 개 가능), 차트 상세 설정, 그룹 기준 항목, 색상 테마(기본·밝은 색·어두운 색·파스텔·비즈니스·자연), 범례 표시, 데이터 값 표시, 기준선(이름·값·색), 새로고침 간격(초, 기본 30), 내보내기 버튼, 차트 크기(작게·보통·크게·자동), 상세 보기
차트 모양맞는 데이터차트 상세 설정
꺾은선 그래프시간에 따른 변화선 스타일(실선·점선·곡선), 영역 채우기
막대 그래프라인·품목별 비교방향(세로·가로), 누적 표시
원형 그래프구성 비율도넛 모양, 내부 반경
게이지 (계기판)현재 값 하나최소값, 최대값, 단위
열 분포도두 기준의 교차 분포색상 스케일
KPI 숫자 카드핵심 지표 하나단위, 비교 기준(전일·전주·전월 대비)
점 분포도두 값의 관계추세선 표시
품질 관리 차트측정값의 관리 상태관리도 유형(Xbar-R·Xbar-S·P·NP·C·U)

차트 상세 설정 칸은 차트 모양을 먼저 고르면 해당 유형의 옵션만 나타납니다.

관리 차트 (「품질 관리」 묶음)​

측정 데이터로 관리도의 중심선·관리 한계·이탈 여부를 계산해 관리 차트 데이터(JSON)를 냅니다. 차트 종류 7가지와 설정은 SPC 노드에서 자세히 다룹니다.

판단 이유 (「AI 분석」 묶음)​

분류/예측 모델이 낸 결과에서 항목별 영향력을 계산하고, 막대·점·폭포 그래프 중 고른 스타일의 요약 차트 데이터를 함께 냅니다. 설정은 ML 추론 노드에서 다룹니다.

실행 결과를 화면에서 보는 방법​

차트 노드가 없어도 하단 콘솔에서 파이프라인 실행 상태를 그림으로 확인할 수 있습니다. 툴바의 콘솔 토글로 하단 콘솔을 엽니다.

탭보이는 것
실행 로그노드별 로그를 전체·정보·경고·오류로 걸러 봅니다
데이터 미리보기선택한 노드의 실행 결과를 표 또는 JSON으로 봅니다
데이터 흐름도DAG(실행 순서와 연결), Sankey(노드 사이를 흐른 데이터 양), 타임라인(노드별 실행 시간과 상태) 3가지 보기를 전환합니다

데이터 흐름도에서 노드를 누르면 그 노드의 데이터 미리보기로 바로 넘어갑니다.

앞뒤로 무엇을 연결하나​

  • 앞: 대시보드 차트는 모든 형식을 받으므로 집계 결과, 예측 결과, AI 기능 결과, 조건 분기 출력 어디에든 연결할 수 있습니다. 관리 차트는 시계열 입력이 필요합니다.
  • 뒤: 대시보드 차트는 출력이 없어 흐름의 끝입니다. 같은 데이터를 알림이나 기록에도 보내려면 앞 노드에서 출력을 나눠 대시보드 차트와 액션 노드에 각각 연결합니다.

사용 예: 라인별 생산 현황 차트​

  1. MySQL 노드로 당일 생산 실적을 가져옵니다.
  2. 합계/평균 노드에서 묶을 기준을 라인명으로, 집계 규칙을 생산량 합계로 둡니다.
  3. 대시보드 차트 노드를 연결하고 차트 모양을 「막대 그래프」, 가로 항목을 라인명, 세로 항목을 생산량 합계로 고릅니다.
  4. 기준선에 이름 「목표」, 일일 목표 수량, 색 「빨강」을 추가합니다.
  5. 같은 집계 결과를 대시보드 차트 노드 하나 더에 연결해 차트 모양을 「KPI 숫자 카드」, 비교 기준을 「전일 대비」로 둡니다.
  6. 실행 후 하단 콘솔의 데이터 미리보기에서 두 노드의 차트 데이터를 확인합니다.

실무 팁​

  • 차트 하나에 메시지 하나. 세로 항목을 너무 많이 고르면 무엇을 보라는 차트인지 흐려집니다. 비교할 값이 많으면 대시보드 차트 노드를 나눕니다.
  • 집계한 뒤 그린다. 원본 행을 그대로 넣으면 점이 너무 많아집니다. 합계/평균, 시간 간격 조정 노드로 먼저 묶습니다.
  • 기준선으로 판단 기준을 함께 보인다. 목표·규격 한계를 기준선으로 넣으면 보는 사람이 숫자를 따로 기억하지 않아도 됩니다.
  • 실행이 느리면 타임라인 보기부터 연다. 데이터 흐름도의 타임라인에서 오래 걸린 노드를 찾고, 그 노드의 입력 행 수를 Sankey 보기로 확인합니다.
  • 화면용 대시보드는 대시보드 기능에서 만든다. 여러 위젯을 배치하는 운영 화면은 대시보드 기능 또는 로직 스튜디오 캔버스의 시각화 노드로 구성합니다.

관련 문서​