본문으로 건너뛰기 섹션으로 건너뛰기
시각화의 모든것

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 분기별 보고서 시각적 개체

반복 가능한 분기별 팩: 폭포 브리지, 추세선, 대비 안전 유형, 슬라이드당 하나의 아이디어.

열기 →