아크 다이어그램 생성기 | 가중 관계 시각화

[{"source":"A","target":"B","weight":4,"group":"Core"}]

파일을 놓거나 Excel / Sheets 데이터를 붙여넣으세요

원시 데이터

한 줄에 관계 하나를 입력하세요. CSV 또는 JSON을 지원합니다.

#	Source	Target	Weight	Group	작업

데이터 검증

데이터가 유효합니다.

—노드—링크—총 weight—그룹

캔버스가 업데이트되었습니다.

다이어그램 이해하기

각 행은 source 노드에서 target 노드로 향하는 하나의 링크를 나타냅니다. source, target, weight는 필수이며 group은 색상 그룹에 사용할 수 있습니다. 같은 유향 링크는 한 행만 허용됩니다.

노드 사이의 거리는 곡선의 범위를 정하지만 더 긴 곡선이 더 강한 관계를 뜻하지는 않습니다. 링크 weight는 선 두께로 매핑되며 같은 차트에서 같은 범위를 사용할 때만 직접 비교할 수 있습니다.

SVG는 편집과 인쇄에 적합하고 PNG는 바로 보여 주기 좋으며 CSV는 현재 유효한 관계 데이터를 저장합니다. 투명 배경은 내보낸 캔버스만 바꾸고 노드와 링크는 바꾸지 않습니다.

사용 및 제한

빈 노드, 0 이하의 weight, 자기 링크 또는 중복 유향 링크가 있으면 해당 행을 표시하고 다이어그램을 잠시 멈춥니다. 이전 미리보기를 현재 결과로 오해하지 않도록 하기 위한 동작이며 수정하면 다시 그립니다.

차트 생성 방식

노드는 선택한 순서로 수평 기준선 위에 같은 간격으로 배치됩니다. 각 링크의 수평 반지름은 두 노드 사이 거리의 절반이며 곡선 비율이 수직 반지름을 조절합니다.

선 두께는 현재 데이터의 최소·최대 weight를 설정 범위에 선형으로 매핑합니다. 색상은 그룹, Source 노드, weight 그라데이션 또는 단일 색상으로 표현할 수 있습니다. 노드를 선택하면 직접 연결된 링크가 강조됩니다.

자주 묻는 질문

아크 다이어그램에는 어떤 데이터가 필요한가요?

각 관계 행에 source와 target 노드가 필요하며 숫자형 weight와 선택적인 group을 사용할 수 있습니다.

링크 두께는 어떻게 정해지나요?

링크 두께는 각 숫자 weight를 설정된 범위에 매핑한 결과입니다. 인과 점수가 아니라 시각적 표현입니다.

어떤 내보내기 형식을 선택해야 하나요?

SVG는 크기를 조절하며 편집하기 좋고 PNG는 이미지로 쓰기 편하며 CSV는 관계 행을 보존합니다.

개인정보와 구현

데이터 파싱, 렌더링과 내보내기는 이 브라우저에서 이루어집니다. 업로드하지 않으며 원격 API를 호출하지 않습니다.

SVG는 확대해도 선명하고 편집에 적합하며, PNG는 이미지에 편리하고 CSV는 관계 행을 보존합니다.

다이어그램은 브라우저 SVG와 Canvas API로 렌더링됩니다.