꺾은선 그래프 만들기

선으로 설명할 수 있는 순서에서 시작하세요

꺾은선 그래프는 카테고리의 순서에 의미가 있을 때 가장 유용합니다. 예를 들어 월, 프로젝트 단계, 측정 시점의 온도, 제품의 연속된 버전이 있습니다. 그래프는 각 계열이 이 공유된 순서에서 어떻게 변하는지 보여 줍니다. 하지만 변화가 왜 일어났는지 입증하거나, 다음 값을 예측하거나, 관련 없는 카테고리를 의미 있는 추세로 만들지는 못합니다.

첫 열은 카테고리 레이블용으로 두고, 계열마다 한 열을 사용하세요. 열 이름은 독자가 선을 식별하는 데 쓰는 이름이 됩니다.

작업 예시: 월별 등록 수

이 CSV를 가져오면 4개월에 걸친 두 개의 선을 그릴 수 있습니다. 첫 행은 카테고리 열과 두 계열의 이름을 지정합니다. 이후의 각 행에는 카테고리 하나와 값이 들어갑니다.

Month,Website registrations,Newsletter registrations
January,120,84
February,146,91
March,132,118
April,171,126

웹사이트 등록 선은 1월에서 2월에 상승하고 3월에 하락한 뒤 4월에 표시된 값 중 가장 높은 값에 도달합니다. 뉴스레터 등록은 표시된 모든 달에 상승합니다. 원본이 쉼표 대신 탭을 사용한다면 같은 구조의 TSV 데이터를 가져오세요.

마커, 격자, 부드럽게 하기

마커를 사용하면 입력한 각 관측값을 더 쉽게 찾을 수 있습니다. 여러 선이 가까이 있을 때는 특히 격자가 대략적인 값을 읽는 데 도움이 됩니다. 부드럽게 하기는 관측값 사이의 시각적 경로를 바꾸므로 신중하게 사용하세요. 곡선은 원본 데이터가 뒷받침하지 않는 중간값을 더 확실한 것처럼 보이게 할 수 있습니다. 불연속 카테고리, 불규칙한 관측값 또는 정확한 값이 중요한 보고에는 마커를 켜 둔 채 이미지와 함께 CSV를 공유하세요.

색만으로 판단하지 않아도 이해되는 그래프 만들기

색을 계열을 구분하는 유일한 방법으로 만들지 마세요. 각 계열에 명시적이고 보이는 이름을 붙이고, 정확한 값이나 추세가 중요할 때는 표 또는 CSV로 데이터를 제공하세요. 어떤 계열이 올랐는지, 내렸는지, 방향을 바꾸었는지처럼 핵심 패턴을 짧은 글로 설명할 수도 있습니다.

SVG 또는 PNG는 시각적 내보내기이며, 그 자체만으로 완전한 접근성 대체 수단은 아닙니다. 그래프를 게시할 때는 기반 데이터와 중요한 관계를 간결하게 요약한 텍스트를 포함하세요. 이는 그래프를 텍스트 대안이 필요한 복잡한 이미지로 보고, 정보가 색에만 의존해서는 안 된다는 W3C 지침을 따르는 방식입니다.

이 도구는 그래프 데이터를 처리하고 SVG, PNG, CSV 다운로드를 브라우저에서 로컬로 만듭니다. 페이지 로드는 일반적인 사이트 요청으로 이루어집니다. 탭을 닫은 후에도 그래프를 보관하려면 내보낸 파일을 저장하세요.