진한 칸일수록 이 직업에서 해당 지표가 높습니다.
명료함60
설득55
밀도90
제작 비용75
과제 적합성58
업무 적합성70
낮음높음
짧은 답
네트워크 그래프 맵은 언제 고르나요?
이런 이야기에 맞습니다. 조직 영향 지도, 종속성 그래프, 교실 소셜 지도
언제 피하나요?
이런 경우에는 다른 형식을 쓰세요. 간단한 조직도나 글머리 기호 목록에는 이미 주장이 담겨 있습니다.
누가 만들고 퍼뜨렸나요?
강제 지향 레이아웃; Cytoscape.js와 GitHub의 친구들
무엇을 인코딩하나요?
힘 또는 계층적 레이아웃이 있는 노드 및 에지
광고에 써도 되나요?
네이버·카카오·메타 소재에서 주장이 한눈에 보이면 됩니다. 아니면 랜딩에 그림을 두세요.
수행평가에 쓸 수 있나요?
수행평가와 탐구 발표에서 축·단위·출처가 있으면 됩니다.
네트워크 그래프 맵은 힘 또는 계층적 레이아웃이 있는 노드 및 에지로 값을 담습니다. 강제 지향 레이아웃; Cytoscape.js와 GitHub의 친구들.
업무 보고서, 광고, 학교 과제에서 이렇게 씁니다. 조직 영향 지도, 종속성 그래프, 교실 소셜 지도. 피할 조건은 이렇습니다. 간단한 조직도나 글머리 기호 목록에는 이미 주장이 담겨 있습니다.
소프트웨어
- Cytoscape.js — 브라우저용 그래프 이론 툴킷 - MIT. · MIT · github.com/cytoscape/cytoscape.js
- force-graph — 상용구가 거의 없는 강제 방향 캔버스입니다. · MIT · github.com/vasturiano/force-graph
- d3-force — 많은 사용자 정의 네트워크 보기에서 사용되는 물리학입니다. · ISC · github.com/d3/d3-force
- Mermaid flowchart — 상호작용이 불필요한 텍스트 그래프. · MIT · github.com/mermaid-js/mermaid
- Mind-map demo — 정적 방사형 관계 티칭 마크. · CC0 examples · github.com/Tool-Lifes/viz-atlas
보내기
- 보내기 1 — SVG
- 보내기 2 — PDF
- 보내기 3 — PPT에 EMF/SVG (스크린샷 금지)
- 보내기 4 — 웹은 SVG, 인쇄는 PDF
접근성
- 접근성 1 — 색만으로 의미 금지. 패턴·라벨·위치를 겹치세요.
- 접근성 2 — 본문 대비 4.5:1, 큰 마크는 3:1.
- 접근성 3 — 차트에 짧은 대체 텍스트. 숫자는 HTML 표로도.
- 접근성 4 — 움직임은 강조일 때만. prefers-reduced-motion을 존중.
네트워크 그래프 맵: 힘 또는 계층적 레이아웃이 있는 노드 및 에지를 지키고, 간단한 조직도나 글머리 기호 목록에는 이미 주장이 담겨 있습니다.에는 다른 그림을 고르세요.