여기서 시작
아틀라스로 들어가는 짧은 길 — 하나 고르고 7개 섹션을 따라가세요.
시각화의 모든것 인기
시각화 FAQ
스튜디오가 풀 디자인 스위트를 대체하나요?
점수가 “최고” 차트를 뽑나요?
스튜디오가 WCAG 통과를 보장하나요?
파이 차트는 항상 나쁜가요?
스튜디오
도감 둘러보기
📊 차트
막대, 꺾은선, 원·도넛, 산점, 히트맵, 폭포, 퍼널, 트리맵.
▮ 막대 그래프
공통 기준선에서 범주를 비교합니다. 보고서·광고·과제에서 가장 정직한 기본 차트입니다.
열기 →
📈 꺾은선 그래프
연속된 경로로 시간의 변화를 보여 줍니다. 보고서와 과학 과제의 기본입니다.
열기 →
◐ 원형·도넛 차트
부분-전체를 한눈에 보여주는 매력적인 형태. 광고에는 강하지만 조각이 늘면 위험합니다.
열기 →
⚬ 산점도
두 측정 변수를 점구름으로 그립니다. 상관을 말하는 가장 정직한 방법입니다.
열기 →
▦ 히트맵
강도의 행렬. 밀도 높고 매력적이지만 무지개 색상으로 쉽게 왜곡됩니다.
열기 →
📶 폭포 차트
합계가 어떻게 만들어졌는지: 시작·증가·감소·끝. 재무 슬라이드에서 여전히 유효합니다.
열기 →
▽ 퍼널 차트
줄어드는 단계. 마케팅과 광고가 좋아하지만, 과학 과제라면 너비가 정직한지 물어야 합니다.
열기 →
▭ 트리맵
계층을 중첩 사각형으로. 파이가 숨 막힐 때 파일·예산·포트폴리오에 씁니다.
열기 →
📶 히스토그램
구간별 개수. 범주를 견주는 그림이 아니라 측정값이 어디에 쌓이는지.
열기 →
🔀 다이어그램
순서도, 조직도, 마인드맵, 벤, 타임라인.
⬡ 도형
기하, 화살표, 콜아웃, 인포그래픽 블록.
🎯 공예
색 체계, 데이터-잉크, 접근성.
✦ 스튜디오
업무 보고, 광고, 학교 과제, 피치덱.
W 방법
대비·그리드·Mermaid·ECharts·D3·Lucide 등 스무 가지 실전 플레이북 — 라이선스와 GitHub 링크 포함.
A11Y WCAG 대비 확인
배송하기 전에 텍스트와 배경의 대비를 확인하세요. 슬라이드, 사이트, 포스터에 대한 가장 빠른 접근성을 확보할 수 있습니다.
열기 →
PAL 팔레트 및 스케일 빌더
인쇄 및 색맹 보기에도 살아남는 범주형, 순차적 및 다양한 팔레트를 구축하세요.
열기 →
Aa 타이포그래피 규모
제목, 본문, 캡션이 슬라이드와 한 페이지 분량의 문서에서 서로 싸우지 않도록 모듈식 유형 척도를 선택하세요.
열기 →
GRID 슬라이드 및 문서 격자
모든 블록을 간단한 그리드에 정렬하여 보고서, 프레젠테이션 및 포스터가 디자이너 없이도 의도적으로 보이도록 합니다.
열기 →
CHOOSE 데이터-차트 결정
도구를 열기 전에 질문을 인코딩(비교, 추세, 부분-전체, 상관 관계)과 연결하세요.
열기 →
MM 인어 텍스트 다이어그램
일반 텍스트로 순서도나 시퀀스를 작성하세요. 버전 지정 및 검토가 가능하며 Mermaid를 통해 무료로 사용할 수 있습니다.
열기 →
SEQ 시퀀스 다이어그램 패턴
API, 핸드오프 및 프로토콜에 대한 사무실 및 강의실 패턴 등 시간에 따라 누가 누구와 대화하는지 표시합니다.
열기 →
SKETCH Excalidraw 스케치 와이어프레임
다듬기 전에 Excalidraw로 아이디어를 스케치하세요. 손으로 그린 선명도가 조기 픽셀 제작보다 뛰어납니다.
열기 →
EC Apache ECharts 대시보드
Apache ECharts - Apache-2.0, 대규모 차트 카탈로그, 독점 스크랩이 없는 대화형 사무실 대시보드를 제공합니다.
열기 →
CJ Chart.js 빠른 차트
오늘날 플랫폼이 아닌 웹 차트가 필요할 때 정직한 막대와 선을 위한 페이지에 Chart.js를 추가하세요.
열기 →
D3 D3 맞춤형 공예
인코딩이 템플릿에 존재하지 않는 경우 D3에 도달하세요. 완전한 제어가 가능하고 제작 비용이 더 높습니다.
열기 →
VL Vega-Lite 문법
그래픽 문법을 가르치는 재현 가능한 차트인 Vega-Lite를 사용하여 JSON에서 인코딩을 선언하세요.
열기 →
PLOT 관찰 가능한 플롯 키트
Observable Plot을 사용하여 깔끔한 테이블을 플롯합니다. 간결하고 ISC 라이센스가 있으며 분석 설명자에게 친숙합니다.
열기 →
ROUGH Rough.js 주석
Rough.js 스트로크를 사용하여 주석을 달고 강조하세요. 크롬이 아닌 사람처럼 보이는 표시를 통해 설득력을 발휘하세요.
열기 →
SANK Sankey 흐름 이야기
예산, 퍼널, 에너지 스토리 등 Sankey를 사용하여 단계 간 수량 이동 방법을 알아보세요.
열기 →
NET 네트워크 그래프 맵
개방형 그래프 라이브러리를 사용하여 관계를 노드 및 링크(팀, 인용, 종속성)로 매핑합니다.
열기 →
MAP 등치 스토리 맵
개방형 지역 스택과 정직한 색상 척도를 사용하여 선거, 건강, 판매 등 비율별로 지역을 음영 처리합니다.
열기 →
ICO 오픈 아이콘 시스템
하나의 열려 있는 아이콘 세트를 선택하고 계속 사용하세요. 일관된 은유가 데크와 제품의 혼합 클립아트를 능가합니다.
열기 →
CV 인포그래픽 레시피 재개
한 페이지짜리 시각적 이력서를 만드세요. 그리드, 활자 크기, 정직한 스킬 바, 열린 아이콘 - 클립아트 덤프가 없습니다.
열기 →
QBR 분기별 보고서 시각적 개체
반복 가능한 분기별 팩: 폭포 브리지, 추세선, 대비 안전 유형, 슬라이드당 하나의 아이디어.
열기 →