진한 칸일수록 이 직업에서 해당 지표가 높습니다.
명료함80
설득50
밀도75
제작 비용48
과제 적합성72
업무 적합성80
낮음높음
짧은 답
관찰 가능한 플롯 키트는 언제 고르나요?
이런 이야기에 맞습니다. 분석 글, 학생 실험실, 탐색용 사무실 차트
언제 피하나요?
이런 경우에는 다른 형식을 쓰세요. 무거운 엔터프라이즈 대시보드 키트를 픽셀 단위로 일치시켜야 합니다.
누가 만들고 퍼뜨렸나요?
Observable Plot은 더 적은 상용구로 D3 문법을 이어갑니다.
무엇을 인코딩하나요?
자동 축척으로 깔끔한 기둥 위에 레이어 표시
광고에 써도 되나요?
네이버·카카오·메타 소재에서 주장이 한눈에 보이면 됩니다. 아니면 랜딩에 그림을 두세요.
수행평가에 쓸 수 있나요?
수행평가와 탐구 발표에서 축·단위·출처가 있으면 됩니다.
관찰 가능한 플롯 키트는 자동 축척으로 깔끔한 기둥 위에 레이어 표시로 값을 담습니다. Observable Plot은 더 적은 상용구로 D3 문법을 이어갑니다..
업무 보고서, 광고, 학교 과제에서 이렇게 씁니다. 분석 글, 학생 실험실, 탐색용 사무실 차트. 피할 조건은 이렇습니다. 무거운 엔터프라이즈 대시보드 키트를 픽셀 단위로 일치시켜야 합니다.
소프트웨어
- Observable Plot — 깔끔한 데이터를 위한 문법 - ISC. · ISC · github.com/observablehq/plot
- Observable stdlib — 노트북에서 Plot 옆에 도우미가 자주 사용됩니다. · ISC · github.com/observablehq/stdlib
- D3 — 기본 아이디어와 탈출구. · ISC · github.com/d3/d3
- Vega-Lite — JSON 우선 대체 문법. · BSD-3-Clause · github.com/vega/vega-lite
- Scatter 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을 존중.
관찰 가능한 플롯 키트: 자동 축척으로 깔끔한 기둥 위에 레이어 표시를 지키고, 무거운 엔터프라이즈 대시보드 키트를 픽셀 단위로 일치시켜야 합니다.에는 다른 그림을 고르세요.