도움말:문서에 차트 넣기

이 문서에서는 문서에 차트(그래프)를 넣는 방법을 설명합니다.

차트를 넣으려면 먼저 숫자를 표 데이터 문서에 적어 두고, 그 표를 어떤 차트로 그릴지 차트 문서에 정해 둡니다. 그러면 일반 문서에는 차트 문서 이름만 적어서 차트를 불러올 수 있습니다.

표 하나로 여러 차트를 그릴 수도 있고, 차트 하나를 여러 문서에 넣을 수도 있습니다. 표의 숫자를 고치면 그 차트가 들어간 문서에도 모두 반영됩니다.

값연도3456720202021202220232024값연습장 차트

Data:연습장.tab의 숫자를 Data:연습장.chart로 그린 꺾은선 차트.

차트의 종류

다음 네 가지 모양을 그릴 수 있습니다. 차트 문서의 type에 괄호 안의 값을 적습니다.

꺾은선 차트(line)
시간에 따라 값이 어떻게 바뀌었는지 보여 줄 때 좋습니다.
막대 차트(bar)
여러 항목의 크기를 견줄 때 좋습니다.
영역 차트(area)
꺾은선 아래를 색으로 채운 차트입니다.
원 차트(pie)
전체에서 각 항목이 차지하는 비율을 보여 줄 때 좋습니다. 숫자가 아닌 열은 빼고, 열마다 값을 모두 더해서 그립니다.

차트 넣기

표 데이터 문서 만들기

  1. 검색창에 Data:로 시작하고 .tab으로 끝나는 이름을 적어 새 문서를 엽니다. 예를 들어 Data:성별 임금 격차.tab처럼 적습니다.
  2. 아래 예시를 붙여 넣고 내용을 고친 뒤 저장합니다.
{
    "license": "CC-BY-SA-4.0",
    "description": { "ko": "연습용 표 데이터" },
    "sources": "자료의 출처를 적어 주세요.",
    "schema": {
        "fields": [
            { "name": "year", "type": "string", "title": { "ko": "연도" } },
            { "name": "value", "type": "number", "title": { "ko": "값" } }
        ]
    },
    "data": [
        [ "2020", 3 ],
        [ "2021", 5 ],
        [ "2022", 4 ]
    ]
}
license
페미위키의 다른 문서와 같은 CC-BY-SA-4.0을 적습니다. 다른 값을 적으면 저장되지 않습니다. 통계 숫자 같은 사실은 보통 저작물이 아니어서, 통계청 등에서 찾은 숫자를 옮겨 적고 sources에 출처를 밝히면 됩니다. 자세한 내용은 출처와 저작권을 봐 주세요.
description
이 표가 어떤 표인지 짧게 적습니다.
sources
숫자를 어디에서 가져왔는지 적습니다. 위키 문법을 쓸 수 있습니다.
fields
표의 열을 차례대로 적습니다. name은 영문자, 숫자, 밑줄(_)로 적는 열 이름이고, title은 차트에 보일 한국어 이름입니다. type은 숫자면 number, 글자면 string입니다.
data
표의 줄을 한 줄에 하나씩 적습니다. 값의 순서는 fields에 적은 열의 순서와 같아야 합니다. 값이 없는 칸은 null이라고 적습니다.

첫째 열은 차트의 가로축이 되고, 둘째 열부터는 각각 선이나 막대 하나가 됩니다. 날짜를 가로축으로 쓸 때는 "2024-01-31"처럼 열 글자로 적어 주세요. 연도만 쓸 때는 위 예시처럼 적으면 됩니다.

차트 문서 만들기

  1. Data:로 시작하고 .chart로 끝나는 이름으로 새 문서를 엽니다. 예를 들어 Data:성별 임금 격차.chart처럼 적습니다.
  2. 아래 예시를 붙여 넣고 내용을 고친 뒤 저장합니다.
{
    "license": "CC-BY-SA-4.0",
    "version": 1,
    "type": "line",
    "title": { "ko": "연습장 차트" },
    "xAxis": { "title": { "ko": "연도" } },
    "yAxis": { "title": { "ko": "값" } },
    "source": "연습장.tab"
}
type
차트의 모양입니다. 차트의 종류를 봐 주세요.
title
차트 위에 보일 제목입니다. subtitle로 부제목을 더할 수도 있습니다.
xAxis, yAxis
가로축과 세로축에 보일 이름입니다.
source
그릴 표 데이터 문서의 이름입니다. 앞의 Data:는 빼고 적습니다.
version
지금은 언제나 1을 적습니다.

문서에 차트 넣기

시각편집기

  1. 차트를 넣을 곳에 커서를 두고, 툴바에서 넣기 → 차트를 선택합니다. 차트가 보이지 않으면 더 보기를 눌러 주세요.
  2. 차트 정의 문서 칸에 차트 문서의 이름을 적습니다. 앞의 Data:는 빼고 연습장.chart처럼 적습니다.
  3. 차트 문서에 적은 표 대신 다른 표로 그리고 싶다면 차트 탭 형식 데이터 원본 칸에 표 데이터 문서의 이름을 적습니다. 비워 두면 차트 문서에 적은 표로 그립니다.
  4. 넣기를 선택합니다.

이미 넣은 차트를 고치려면 차트를 누른 뒤 편집을 선택합니다.

위키 문법

차트를 넣을 곳에 다음과 같이 적습니다. Data:는 빼고 적습니다. 

{{#chart:연습장.chart}}

같은 차트를 다른 표로 그리고 싶다면 data에 표 데이터 문서의 이름을 적습니다. 예를 들어 성별 임금 격차를 그린 차트 하나로 여러 나라의 표를 그릴 수 있습니다. 

{{#chart:연습장.chart|data=연습장.tab}}

출처와 저작권

표 데이터 문서는 페미위키의 다른 문서처럼 CC BY-SA 4.0으로 공개됩니다. 그래서 무엇을 옮겨 적어도 되는지 헷갈릴 수 있는데, 다음을 지키면 대부분 괜찮습니다.

  • 조사 결과나 통계의 숫자는 옮겨 적어도 됩니다. 숫자 자체는 사실이라 저작물이 아니기 때문입니다. 대신 sources에 어디에서 가져왔는지 꼭 적어 주세요.
  • 퍼블릭 도메인(PD)이나 CC0로 공개된 데이터는 그대로 옮겨 적어도 됩니다. 비영리 전용이나 변경 금지처럼 조건이 붙은 데이터는 묶음째 옮길 수 없지만, 문서에 필요한 숫자 몇 개를 골라 적는 것은 위의 경우처럼 괜찮습니다.
  • 다른 사람이 만든 차트나 그래프 그림은 올리지 말고, 그 그림의 바탕이 된 숫자를 찾아 표로 적은 뒤 차트로 다시 그려 주세요.
  • 다른 사이트의 데이터베이스를 통째로 옮기는 것은 피해 주세요. 데이터베이스는 숫자 하나하나와 달리 법으로 보호받을 수 있습니다. 문서에 필요한 만큼만 골라 적어 주세요.

알아 두기

  • 차트의 폭은 차트가 들어간 자리의 폭에 맞춰지고, 높이는 정할 수 없습니다.
  • 차트에는 정해진 열 가지 색이 차례로 쓰이고, 어두운 화면에서는 그에 맞는 색으로 바뀝니다.
  • 차트의 글자는 한국어로만 보입니다. title 등에 "en" 값을 적어도 보이지 않습니다.
  • 연습해 보고 싶다면 Data:연습장.tab과 Data:연습장.chart를 자유롭게 고쳐 보셔도 좋습니다.
  • 예전의 <graph> 문법은 더 이상 쓸 수 없습니다. 이 문법으로 그린 그래프는 차트로 옮겨 주세요.

같이 보기

문서에 동영상 넣기
문서에 지도 넣기
원본 주소 "https://femiwiki.com/index.php?title=도움말:문서에_차트_넣기&oldid=369999"