W&B에 데이터 로깅하기
wandb.Table()로 로깅하세요. 로깅된 키별 데이터 포인트는 최대 10,000개까지를 권장합니다.
쿼리 만들기
+ 버튼을 클릭한 다음 Custom Chart를 선택하세요. 맞춤형 차트 데모 워크스페이스에서 함께 따라 할 수 있습니다.

쿼리 추가
summary를 클릭하고historyTable을 선택해 run 이력에서 데이터를 가져오는 새 쿼리를 설정합니다.wandb.Table()을 로깅한 키를 입력합니다. 이전 코드 스니펫에서는custom_data_table이었고, 예시 노트북에서는 키가pr_curve와roc_curve입니다.summaryTable,historyTable, **tableKey**에 대한 자세한 내용은 GraphQL 쿼리 구축하기를 참조하세요.
Vega 필드 설정

- x-axis: runSets_historyTable_r (재현율)
- y-axis: runSets_historyTable_p (정밀도)
- color: runSets_historyTable_c (클래스 레이블)
차트 사용자 지정하기
기본 시각화도 좋은 시작점이지만, Vega 사양을 편집해 차트 유형을 바꾸고 제목을 추가하며 모양을 더 세밀하게 다듬을 수 있습니다. 산점도에서 선형 플롯으로 전환하려면 Edit를 클릭해 이 기본 제공 차트의 Vega 사양을 변경하세요. 맞춤형 차트 데모 워크스페이스에서 함께 따라 해보세요.
- 플롯, 범례, x축, y축에 제목을 추가합니다(각 필드의 “title” 설정).
- “mark” 값을 “point”에서 “line”으로 변경합니다.
- 사용하지 않는 “size” 필드를 제거합니다.


보너스: 합성 히스토그램
이 섹션에서는 Vega 사양 편집에 익숙해진 후 무엇이 가능한지 보여주기 위해, 동일한 뷰에 두 분포를 겹쳐 표시하는 더 고급 맞춤형 차트인 합성 히스토그램을 구축하는 방법을 설명합니다. 히스토그램은 수치 분포를 시각화해 더 큰 데이터셋을 이해하는 데 도움을 줍니다. 합성 히스토그램은 동일한 bin에 여러 분포를 함께 표시하므로, 서로 다른 모델 간 또는 하나의 모델 내 서로 다른 클래스 간에 두 개 이상의 메트릭을 비교할 수 있습니다. 예를 들어 주행 장면에서 객체를 감지하는 시맨틱 세그멘테이션 모델에서는 정확도와 Intersection over Union(IoU) 최적화의 효과를 비교할 수 있습니다. 또는 서로 다른 모델이 자동차(데이터에서 크고 흔한 영역)와 교통 표지판(훨씬 작고 덜 흔한 영역)을 얼마나 잘 감지하는지 확인하고 싶을 수도 있습니다. demo Colab에서는 생물 10개 클래스 중 2개 클래스의 신뢰도 점수를 비교할 수 있습니다.
- 워크스페이스 또는 리포트에서 새 맞춤형 차트 패널을 만드세요(Custom Chart 시각화 추가). 오른쪽 상단의 Edit를 클릭한 다음, 기본 제공 패널 유형 중 하나를 시작점으로 사용해 Vega 사양을 수정하세요.
- 해당 기본 제공 Vega 사양을 Vega용 합성 히스토그램 starter code로 바꾸세요. 이 Vega 사양에서 기본 제목, 축 제목, 입력 도메인, 기타 세부 사항을 Vega syntax 사용하여 직접 수정할 수 있습니다. 예를 들어 색상을 바꾸거나 세 번째 히스토그램을 추가할 수 있습니다.
- 오른쪽 패널의 쿼리를 수정해 wandb logs에서 올바른 데이터를 로드하세요.
summaryTable필드를 추가하고 해당tableKey를class_scores로 설정하여 run에 로깅된wandb.Table을 가져오세요. 이렇게 하면 드롭다운 메뉴를 통해class_scores로 로깅된wandb.Table의 열을 사용해 두 히스토그램 bin 세트(red_bins및blue_bins)를 채울 수 있습니다. 예를 들어 red bins에는animal클래스의 prediction scores를, blue bins에는plant를 선택할 수 있습니다. - 미리보기 렌더링에 표시되는 플롯이 원하는 결과와 일치할 때까지 Vega 사양과 쿼리를 계속 수정할 수 있습니다. 완료되면 상단의 Save as를 클릭하고 맞춤형 플롯의 이름을 지정해 재사용할 수 있도록 하세요. 그런 다음 Apply from panel library를 클릭해 플롯 생성을 마무리하세요.

