진한 칸일수록 이 직업에서 해당 지표가 높습니다.
명료함70
설득45
밀도92
제작 비용88
과제 적합성60
업무 적합성72
낮음높음
짧은 답
D3 맞춤형 공예는 언제 고르나요?
이런 이야기에 맞습니다. 새로운 형태, 연구 수치, 맞춤형 설명자
언제 피하나요?
이런 경우에는 다른 형식을 쓰세요. Chart.js 막대는 이미 관리자 질문에 답변하고 있습니다.
누가 만들고 퍼뜨렸나요?
Mike Bostock D3(2011) - 여전히 맞춤형 비주얼리제이션의 중추
무엇을 인코딩하나요?
명시적인 스케일을 사용하여 SVG/캔버스 마크에 데이터 조인
광고에 써도 되나요?
네이버·카카오·메타 소재에서 주장이 한눈에 보이면 됩니다. 아니면 랜딩에 그림을 두세요.
수행평가에 쓸 수 있나요?
수행평가와 탐구 발표에서 축·단위·출처가 있으면 됩니다.
D3 맞춤형 공예는 명시적인 스케일을 사용하여 SVG/캔버스 마크에 데이터 조인으로 값을 담습니다. Mike Bostock D3(2011) - 여전히 맞춤형 비주얼리제이션의 중추.
업무 보고서, 광고, 학교 과제에서 이렇게 씁니다. 새로운 형태, 연구 수치, 맞춤형 설명자. 피할 조건은 이렇습니다. Chart.js 막대는 이미 관리자 질문에 답변하고 있습니다.
소프트웨어
- D3 — 규모, 모양, 계층 구조 등을 위한 모듈 - ISC. · ISC · github.com/d3/d3
- d3-shape — 선, 영역, 스택 및 호 생성기. · ISC · github.com/d3/d3-shape
- d3-scale — 데이터 도메인을 시각적 범위에 정직하게 매핑합니다. · ISC · github.com/d3/d3-scale
- Observable Plot — 속도를 원하는 경우 더 높은 수준의 D3 계열 문법을 사용하세요. · ISC · github.com/observablehq/plot
- Vega — 복잡한 대화형 사양을 위한 런타임 문법 대안입니다. · BSD-3-Clause · github.com/vega/vega
보내기
- 보내기 1 — SVG
- 보내기 2 — PDF
- 보내기 3 — PPT에 EMF/SVG (스크린샷 금지)
- 보내기 4 — 웹은 SVG, 인쇄는 PDF
접근성
- 접근성 1 — 색만으로 의미 금지. 패턴·라벨·위치를 겹치세요.
- 접근성 2 — 본문 대비 4.5:1, 큰 마크는 3:1.
- 접근성 3 — 차트에 짧은 대체 텍스트. 숫자는 HTML 표로도.
- 접근성 4 — 움직임은 강조일 때만. prefers-reduced-motion을 존중.
D3 맞춤형 공예: 명시적인 스케일을 사용하여 SVG/캔버스 마크에 데이터 조인을 지키고, Chart.js 막대는 이미 관리자 질문에 답변하고 있습니다.에는 다른 그림을 고르세요.