위에서 파일을 고르면 바로 열립니다.준비됨 — 인터넷을 끊어도 이대로 동작합니다.이 브라우저에서는 쓸 수 없습니다 (나머지는 그대로 동작합니다).오프라인 저장에는 https:// 또는 localhost가 필요합니다.여기서는 저장할 수 없지만, 어느 쪽이든 올라가는 것은 없습니다.파일은 어디로도 가지 않았습니다. 파일 {total}개를 불러왔고 모두 이 사이트의 것입니다. {platform}무언가가 {hosts}에 접속했는데, 이 도구는 절대 그러지 않습니다. 살펴볼 만합니다. {platform}광고와 측정과 후원 버튼을 위한 이 사이트 자신의 스크립트가 호스트 {hosts}곳에서 왔습니다. 그중 어느 쪽도 파일이나 그 1바이트도 받지 않았습니다.광고와 측정과 후원 버튼을 위한 이 사이트 자신의 스크립트가 호스트 {hosts}곳에서 왔습니다. 그중 어느 쪽도 파일이나 그 1바이트도 받지 않았습니다.문제가 생겼습니다: {detail}. 처음부터 다시 하려면 페이지를 새로 고치세요.파일 {count}개를 읽는 중…파일 {count}개를 읽는 중…예시로 해 보기예시를 만드는 중…이 브라우저에서는 예시를 만들지 못했습니다. 대신 파일을 골라 주세요.
● 이름과 키, 그리고 그것으로 만들어지는 차트는 절대 업로드되지 않습니다. 서버가 아예 없으니까요.
키 차트는 산술과 그림입니다. 보낼 파일도 없고 물어볼 서비스도 없습니다 — 그리고 이 페이지가 받는 단 하나의 파일, 눈금자에 올릴 내 이미지도 여기서 읽고 어디로도 가지 않습니다. 남성과 여성, 남자아이와 여자아이는 이 페이지와 함께 실려 오는 퍼블릭 도메인 그림이고, 남자아이와 여자아이는 작게 만든 어른이 아니라 실제 아이들을 그린 것입니다 — 가족 차트가 아무도 이름 붙이지 못하는 방식으로 어긋나 보이는 것을 막는 것이 바로 그것입니다. 그 모든 단계가 이 페이지의, 읽어 보실 수 있는 몇백 줄 자바스크립트 안에서 일어납니다. 네트워크 기능은 어떤 종류도 없고, 그것이 여기서 중요한 이유는 입력하시는 것이 사람들의 목록이고 각자의 키이기 때문입니다.
✗ 업로드 없음
✗ 가입 없음
✗ 워터마크 없음
✓ 오프라인 동작
✓ 오픈 소스
실시간 확인:확인 중…
오프라인:확인 중…
말을 믿으실 필요는 없습니다. 개발자 도구를 열고 네트워크 탭을 보면서 이름과 키를 적어 보세요. 어느 요청에도 둘 중 어느 것의 한 글자도 실리지 않습니다. 아니면 인터넷을 끊고 그대로 차트를 만들어 보셔도 됩니다.
이 약속을 직접 확인하는 방법
사람들의 목록은 넘겨주기에 가벼운 것이 아닙니다. 키 차트는 대개 계정을 요구하고, 요구하지 않는 것들도 적어 넣는 이름과 숫자를 전부 보는 서버가 여전히 있습니다. 여기서 적어 넣으시는 것은 가족이 누구이고 각자 키가 얼마인지이며, 이름 옆의 인물에서 아이의 나이까지 드러나는 일이 흔합니다. 그중 어느 것도 어디로도 보내지지 않습니다. 여기에는 갈 곳이 없기 때문입니다.
여기서는 아무것도 가져오지 않습니다.src/ 어디에도 fetch도, XMLHttpRequest도, sendBeacon도 없습니다. Content-Security-Policy에는 이 페이지가 연결할 수 있는 모든 주소가 적혀 있고, 그중 우리 것은 하나도 없습니다.
방문과 방문 사이에도 기억되는 것이 없습니다. 차트는 페이지 안에서만 살아 있습니다. 탭을 닫으면 목록은 사라집니다. 그것을 붙들고 있는 계정도, 실어 나르는 쿠키도 없고, 이 브라우저의 저장소에 쓰이는 것도 없습니다 — 간직하고 싶은 차트가 곧 내려받는 차트인 이유이기도 합니다.
링크는 차트를 실어 나르지 않습니다. 이런 종류의 도구 여럿은 공유할 수 있도록 목록 전체를 주소창에 넣습니다. 그러면 모든 이름과 모든 키가, 그 링크가 지나가는 모든 것이 기록하는 무언가로 바뀝니다. 채팅 서버, 메일 검사기, 누군가의 브라우저 기록 같은 것들 말입니다. 이 페이지의 주소는 입력하는 동안 한 번도 바뀌지 않습니다.
PNG는 화면에 있는 SVG로 만듭니다. 내려받는 것은 미리보기와 어긋날 수 있는 두 번째 렌더링이 아닙니다. 같은 마크업을 브라우저에 넘겨 캔버스에 그릴 뿐이고, 그래서 네트워크를 뽑아 둔 채로도 됩니다. 가져올 글꼴도, 안에 불러올 이미지도 없기 때문입니다.
덧붙이신 이미지는 여기서 읽고, 어디로도 보내지 않습니다. 파일은 이 페이지를 벗어나지 않습니다. 브라우저 자체의 FileReader로 읽어, 아무것도 실행하지 않는 죽은 문서로 해석합니다. 그려지는 것은 그 파일이 아닙니다. src/import-svg.js가 도형과 기하만 담긴 허용 목록으로 새 그림을 만들기 때문에, 스크립트나 스타일시트, 글꼴, 링크된 이미지, 다른 문서를 가리키는 참조는 실려 오지 못하고 그 자리에 남습니다. 이것이 두 배로 중요한 이유는, 내려받으신 차트가 다른 사람에게 보내는 파일이기 때문입니다. 살아남은 것이 있었다면 그것은 며칠 뒤 상대의 브라우저가 낯선 서버를 호출하는 일이 되었을 것입니다. 이 페이지가 쓴 무언가로부터 말입니다. 사진이나 PNG는 프로그램이 아니라서 다시 만들 것이 없습니다. 브라우저 자체의 디코더가 읽고, 차트에 오르기 전에 여기서 캔버스에 다시 그립니다. 파일의 메타데이터 — 카메라, 장소, 프로필, 그 안에 있던 무엇이든 — 가 뒤에 남는 것은 바로 이 다시 그리기 때문입니다. 그 가운데 캔버스를 통과하는 것은 하나도 없으니까요. 차트에 들어가는 것은 이 페이지가 인코딩한 이미지이고, 주소가 아니라 데이터로 적혀 들어가므로 차트는 여전히 아무 곳도 가리키지 않습니다.
그림은 여기에 있고, 가져오는 것이 아닙니다. 네 인물 모두 퍼블릭 도메인이고, 페이지의 나머지와 함께 이 오리진에서 제공됩니다 — 아이콘 글꼴도, CDN도, 입력하는 동안 남의 서버에서 끌어오는 스프라이트도 없습니다. 네트워크를 뽑아도 차트가 그려지는 이유이기도 합니다.
구글이 불러오는 것과, 구글에 주지 않는 것. 광고와 측정 스크립트는 구글에서, 후원 버튼은 Buy Me a Coffee에서 옵니다. 그 어느 쪽에도 이름 하나 키 하나 건네지지 않습니다. 목록을 그림으로 바꾸는 모든 줄은 이 오리진에서 제공되며 저장소에 올라 있습니다.
오프라인에서 동작합니다. 네트워크를 끊어도 이 도구는 그대로입니다. 애초에 네트워크 단계가 없었기 때문입니다. 가장 간단한 증명입니다.
직접 확인해 보세요. 위에 적은 어느 것도 그냥 믿으실 필요는 없습니다. 이 페이지는 저장소 안의 템플릿과 설정을 빌드 스크립트가 찍어 낸 결과이고, 그 스크립트는 누구나 읽고 직접 돌려 볼 수 있습니다. 결과물은 dist 브랜치에 그대로 올라가 있고요. 그래서 실제로 제공되는 파일과 소스를 빌드한 결과를 나란히 놓고 비교해 보실 수 있습니다:
먼저 읽어 볼 파일을 꼽자면, Content-Security-Policy는 config/site.toml, 네 인물과 그 그림의 출처는 src/traced.js와 vendor/를, 메뉴가 만들어지는 목록은 src/figures.js를, 적어 넣은 키가 어떻게 숫자가 되고 눈금자에 어떻게 표시가 붙는지는 src/units.js를, 배치는 src/chart.js를, 두 가지 내려받기는 src/save.js를 보세요. 뒤의 것은 화면에 있는 SVG와, 바로 그 SVG를 캔버스에 그린 것입니다. 그리고 덧붙인 SVG를 다시 만들어 내는 허용 목록은 src/import-svg.js에 있는데, 여기서 틀리면 문제가 되는 파일은 그것 하나입니다.
회사 보안 소프트웨어가 업로드를 경고한다면. 그것은 브라우저에서 파일이 선택되는 순간을 지켜보며, 페이지가 그것을 보낼 생각인지는 알 수 없습니다 — 그래서 고르는 순간에 경고합니다. 여기서는 아무것도 보내지 않습니다. 브라우저 개발자 도구를 열고 네트워크 탭으로 옮긴 뒤 파일을 골라 보세요. 그것을 실어 나르는 요청은 없고, 이 페이지 자체의 로컬 미리보기 말고는 요청 자체가 없습니다. 같은 확인을 IT 팀도 삼십 초면 할 수 있습니다.
1 누구를 견주는지 적으세요
이름과 키, 그리고 어떤 그림을 그릴지. 모든 줄은 그 위에 바로 덮어쓸 수 있는 키로 시작합니다. 키는 평소 쓰시는 대로 적으셔도 됩니다 — 173, 1.73 m, 5'8", 68 in — 그리고 각 칸 아래 줄이 무엇으로 읽었는지 보여 주며, 칸이 비었거나 키를 읽을 수 없으면 빨간색으로 그렇다고 말합니다. 아무것도 조용히 짐작되지 않습니다.
여기서 위에서 아래는 차트에서 왼쪽에서 오른쪽입니다. 줄을 옮기려면 왼쪽 가장자리의 손잡이를 잡아 끌거나, 키보드에서 같은 일을 하는 화살표를 쓰세요. 어느 쪽이든 키순으로 정렬 중이었다면 차트는 사용자가 정한 순서로 돌아갑니다.
SVG는 어떤 그림이든 눈금자 위에 올려 줍니다. 로고도, 평면도도, 기계 부품도 됩니다. 그림은 이 페이지 안에서 읽히고 어디로도 가지 않습니다. 남는 것은 그 안의 도형뿐이라, 줄마다 고르신 단색 하나로 들어옵니다. 그리고 네트워크에 닿을 수 있는 것은 무엇이든 — 링크된 이미지, 스타일시트, 글꼴, 스크립트 — 남에게 보내실 수도 있는 차트 안으로 실려 가지 않고 그 자리에 남습니다. 채워진 도형이 아니라 가는 선으로 그린 그림은 통짜 얼룩처럼 나오는데, 이 도구가 맞지 않는 경우는 그것 하나입니다.
사진이나 PNG는 그대로 올라가며 자기 색을 그대로 지닙니다. 그래서 행의 색은 이름을 쓰는 데만 쓰입니다. 이것도 이 페이지 안에서 읽히고, 올리기 전에 다시 그려집니다—그래서 차트가 얼마나 무거워질지가 여기서 묶이고, 파일의 부가 정보는 남지 않습니다. 투명한 곳은 투명한 채로 남으니 오려낸 그림은 눈금자 위에 깔끔하게 서지만, 사진은 배경까지 함께 옵니다. 미리 잘라 두는 편이 좋습니다.
대부분은 밋밋한 덩어리가 아니라 그림으로 들어옵니다. 손잡이가 달린 문, 위에 냉동실이 있는 냉장고, 소파인 줄 보이는 소파처럼요. 그림은 그 줄의 두 숫자에 맞춰지므로 모양을 정하는 것은 숫자입니다. 그 위에 직접 적으시면 그림이 따라옵니다. 셋은 그림이 없는데, 자유롭게 쓸 수 있으면서 비율이 맞는 것을 찾지 못했기 때문입니다. 농구 골대와 해상 컨테이너, 주방 상판은 예전에 모든 사물이 그랬던 그 직사각형으로 들어옵니다.
이 가운데 몇 가지는 정말로 정해져 있습니다. 20피트 해상 컨테이너는 정의상 높이가 259 cm이고, 농구 링은 305에 있으며, 미국식 실내문은 203 곱하기 81입니다. 나머지는 규격이 아니라 흔한 값입니다. 문과 창과 상판은 나라마다, 집마다 다릅니다. 모두 평범한 행으로 들어오니, 직접 재어 보고 진짜 숫자를 그 위에 적으세요.
그림이름키너비색
2 가져가세요
문서나 대화창에 붙여 넣을 것은 PNG입니다. 간직할 것은 SVG입니다. 차트를 픽셀이 아니라 지시로 담고 있어서 어떤 크기로도 또렷하게 인쇄되고, 벡터를 여는 무엇으로든 나중에 색을 바꿀 수 있습니다.
눈금자 그리기 차트를 가로지르는 선과 양쪽의 숫자입니다. 그것이 없어도 그림은 두 사람을 여전히 옳게 견주지만, 둘 중 누가 얼마나 큰지는 더 이상 말하지 않습니다.
각 그림 위에 이름과 키 쓰기 끄면 차트는 눈금자 위의 실루엣이 됩니다. 붙여 넣을 곳에 이름이 이미 들어갈 예정이라면 그편이 낫습니다.
배경을 아예 두지 않기 투명하게 해서, 이미 색이 있는 슬라이드 위에 얹기 위한 것입니다. 눈금자와 글씨는 위에서 고른 색에 맞춰 어둡게 또는 밝게 그려지므로, 배경 자체를 껐더라도 그림이 놓일 곳과 비슷한 색으로 맞춰 두세요.
그것은 그리는 영역의 높이라서, 완성된 그림은 조금 더 높습니다. 이름이 그 위에 놓이기 때문입니다. 너비는 그림이 몇 개인지, 각각의 이름표가 얼마나 넓은지에 따라 정해집니다. 그림 아래의 줄이 최종 크기를 알려 줍니다.
남성여성남자아이여자아이사물내 이미지{n}번째 줄의 그림{n}번째 줄의 이름{n}번째 줄의 키{n}번째 줄의 너비{n}번째 줄의 색{n}번째 줄을 위로{n}번째 줄을 아래로{n}번째 줄 삭제끌어서 순서 바꾸기이름173 cm5'8"너비{height}(으)로 읽었습니다이 줄은 그려지려면 키가 있어야 합니다.여기서 읽을 수 있는 키가 아닙니다. 173, 1.73 m, 5'8" 또는 68 in처럼 적어 보세요.그리기에 너무 작습니다 — 5 cm가 가장 작습니다.차트가 닿는 것보다 큽니다 — 12미터가 한계입니다.추가했습니다. 그 파일의 도형 {shapes}개로 그렸습니다. 읽으려고 아무것도 업로드하지 않았습니다.그 파일에는 그릴 것이 없습니다. 남기는 것은 도형뿐이라 — 글자와 효과, 연결된 이미지밖에 없는 파일에는 남을 것이 없습니다.그 파일은 여기서 읽을 수 있는 SVG가 아닙니다.그 파일은 도형 하나치고 너무 큽니다. 한도는 2메가바이트입니다.추가했습니다. 이미지는 이 페이지 안에서 읽혔고 아무것도 업로드하지 않았습니다.그 파일은 여기서 읽을 수 있는 이미지가 아닙니다.그 이미지는 너무 큽니다. 한도는 12메가바이트입니다.누군가를 넣으면 차트가 여기에 나타납니다.모든 줄에 키가 있어야 합니다. 하나를 채우면 차트가 여기에 나타납니다.열두 개가 이 차트가 읽히는 채로 담을 수 있는 전부입니다.그림 {count}개, {width} × {height} 픽셀. 눈금자는 바닥에서 {top}까지, {step}마다 선이 하나씩 들어갑니다.그림 하나, {width} × {height} 픽셀. 눈금자는 바닥에서 {top}까지, {step}마다 선이 하나씩 들어갑니다.저장했습니다. 그리려고 어디로도 아무것도 보내지 않았습니다.{detail}. SVG는 그래도 내려받아집니다.복사했습니다. 필요한 곳에 붙여 넣으세요.이 브라우저가 페이지의 클립보드 쓰기를 허락하지 않았습니다. 대신 내려받으세요.차트에 아직 저장할 것이 없습니다.이 브라우저가 SVG를 그리려 하지 않았습니다이 브라우저가 PNG를 쓰려 하지 않았습니다입력하신 이름과 키는 어디로도 가지 않았습니다. 파일 {total}개를 불러왔습니다. {platform}무언가가 {hosts}에 접속했는데, 이 도구는 절대 그러지 않습니다. {platform}광고와 측정과 후원 버튼을 위한 이 사이트 자신의 스크립트가 호스트 {hosts}곳에서 왔습니다. 그중 어느 쪽도 이름이나 키를 받지 않았습니다.광고와 측정과 후원 버튼을 위한 이 사이트 자신의 스크립트가 호스트 {hosts}곳에서 왔습니다. 그중 어느 쪽도 이름이나 키를 받지 않았습니다.
원하는 결과가 나왔나요?
무엇이 잘못됐나요?
고맙습니다 — 큰 도움이 됩니다.
보내지는 것은 답변뿐이고, 그것도 버튼을 눌렀을 때만입니다. 파일도, 파일 이름도, 파일에 관한 어떤 정보도 보내지 않습니다.
# 키 비교 — 나란히 세워 내려받는 차트
키를 적으면 그림을 가져갑니다. 그리려고 어디로도 보내지 않습니다.
> 키를 나란히 비교하세요. 남성과 여성, 남자아이와 여자아이, 그리고 사물 — 문, 창문, 화이트보드, 자동판매기 — 을 센티미터나 피트·인치로 넣고, 차트를 PNG나 SVG로 내려받으세요. 그림은 브라우저에서 그려집니다.
이 페이지는 브라우저 안에서만 동작하는 대화형 도구입니다(https://abox.tools/ko/키-비교/). 도구에 넘긴 어떤 것도 업로드되지 않습니다. 아래는 이 페이지가 도구에 대해 글로 설명하는 내용 전부입니다. 도구를 쓰려면 이 주소를 여세요.
## 이름과 키, 그리고 그것으로 만들어지는 차트는 **절대 업로드되지 않습니다**. 서버가 아예 없으니까요.
키 차트는 산술과 그림입니다. 보낼 파일도 없고 물어볼 서비스도 없습니다 — 그리고 이 페이지가 받는 단 하나의 파일, 눈금자에 올릴 내 이미지도 여기서 읽고 어디로도 가지 않습니다. 남성과 여성, 남자아이와 여자아이는 이 페이지와 함께 실려 오는 퍼블릭 도메인 그림이고, 남자아이와 여자아이는 작게 만든 어른이 아니라 실제 아이들을 그린 것입니다 — 가족 차트가 아무도 이름 붙이지 못하는 방식으로 어긋나 보이는 것을 막는 것이 바로 그것입니다. 그 모든 단계가 이 페이지의, 읽어 보실 수 있는 몇백 줄 자바스크립트 안에서 일어납니다. 네트워크 기능은 어떤 종류도 없고, 그것이 여기서 중요한 이유는 입력하시는 것이 사람들의 목록이고 각자의 키이기 때문입니다.
- ✗ 업로드 없음
- ✗ 가입 없음
- ✗ 워터마크 없음
- ✓ 오프라인 동작
- ✓ 오픈 소스
## 키 비교 차트를 만드는 방법
1. **먼저 모두 넣고, 모양은 그다음에 신경 쓰세요.** 한 줄이 인물 하나, 이름 하나, 키 하나, 색 하나입니다. 이름은 선택입니다 — 이름 없는 실루엣 둘에 키만 위에 적힌 차트가 바로 원하시던 것인 경우도 많습니다 — 순서가 중요하면 각 줄의 화살표로 왼쪽이나 오른쪽으로 옮기시면 됩니다.
2. **키는 평소 쓰시는 대로 적으세요.** `173`, `1.73 m`, `5'8"`, `68 in`, `5 ft 8` 모두 제대로 읽힙니다. 칸 아래 줄이 무엇으로 이해했는지를 두 체계로 함께 보여 주므로, 잘못 읽힌 것은 인쇄한 뒤가 아니라 그려지기 전에 눈에 띕니다. 단위 없는 숫자는 미터법 차트에서는 센티미터, 야드파운드법 차트에서는 인치이고, 3보다 작은 맨 숫자는 미터입니다 — 키가 1.73 cm인 사람은 없으니까요.
3. **그 사람에게 맞는 인물을 고르세요.** 아이는 머리 여섯쯤, 어른은 일곱 반쯤 되는 키입니다. 그래서 줄여 놓은 어른처럼 그려진 아이는 뭐라 집어 말하기는 어렵지만 보면 바로 알 수 있게 어색합니다. 남자아이와 여자아이는 작게 만든 어른이 아니라 실제 아이들을 그린 것이고, 가족 차트가 가족처럼 보이는지는 대개 여기서 갈립니다. 게다가 모든 줄이 키를 이미 담은 채로 들어오므로, 누군가를 더하면 누군가가 그려집니다 — 그 위에 바로 덮어쓰시면 됩니다.
4. **익숙한 것을 차트에 놓으세요.** 숫자는 추상적이고 출입문은 그렇지 않습니다. 누구나 크기를 아는 물건 하나를 넣는 것 — 문, 창문, 교실 화이트보드, 자동판매기 — 이 두 키를 말하기만 하던 차트를 그 키를 보여 주는 차트로 바꿉니다. 메뉴에는 스무 가지가 묶음별로 들어 있고, 하나하나가 직접 숫자를 덮어쓸 수 있는 평범한 줄로 들어옵니다. 사물은 높이 말고 너비도 받기 때문에, 문은 줄이 아니라 203 곱하기 81입니다.
5. **또는 직접 그린 그림을 올리세요.** **내 이미지**는 기기에서 파일을 받아 지정하신 키로 눈금자에 올립니다. 차트가 사람이 아니라 제품이나 차량, 건물에 관한 것일 때 손이 가는 기능입니다. SVG는 다른 도형과 똑같이 그 줄의 색으로 그려지고, 사진이나 PNG는 있는 그대로 올라갑니다. 둘 다 자기 비율을 지키고, 둘 다 어디로도 보내지 않고 여기서 읽습니다.
6. **읽는 사람이 익숙한 단위로 눈금자를 맞추세요.** 센티미터와 피트를 오가는 것은 칸에 든 값을 다시 해석하는 것이 아니라 다시 쓰는 일입니다. 그래서 차트 자체는 움직이지 않고 표기만 바뀝니다. 차트가 두 부류의 독자를 위한 것이라면, 각 인물 위에 적히는 키는 차트의 단위로 나오고 각 칸 아래 줄에는 둘 다 나옵니다.
7. **붙여 넣을 때는 PNG, 인쇄할 때는 SVG.** PNG는 설정하신 픽셀 높이의 그림이고, 대화창이나 문서나 슬라이드가 원하는 것이 그것입니다. SVG는 차트를 지시로 담고 있어서 어떤 크기로도 또렷하게 인쇄되고, 나중에 벡터를 여는 무엇으로든 색을 다시 입힐 수 있습니다.
## 자세한 설명
[키 비교 차트를 만드는 방법](https://abox.tools/ko/가이드/키-비교-차트-만들기/): 키 목록을 나란히 놓인 그림으로 바꾸는 법: 키를 어떻게 적는지, 아이에게는 어떤 그림을 고르는지, 익숙한 사물 하나가 왜 세 번째 사람보다 더 큰 일을 하는지, 그리고 차트를 PNG나 SVG로 꺼내는 법.
## 상자 속 다른 도구
- [이미지 압축](https://abox.tools/ko/이미지-압축/): 용량만 말씀하세요. 나머지는 알아서 맞춥니다.
- [이미지 크기 조절](https://abox.tools/ko/이미지-크기-조절/): 크기를 말하고, 상자를 그리고, 형식을 고르세요.
- [HEIC를 JPG로](https://abox.tools/ko/heic-jpg-변환/): 아이폰이 만드는 사진을, 아무 데서나 열리는 형식으로.
- [증명사진 만들기](https://abox.tools/ko/증명사진-만들기/): 나라를 고르세요. 그 나라의 규정을 그대로 적용합니다.
## 자주 묻는 질문
### 제가 적은 것이 어딘가로 보내지나요?
아닙니다. 차트는 이 페이지의 자바스크립트가 사용자의 기기 위에서 그립니다. 이 도구에는 네트워크 기능 자체가 없어서 무언가를 가져오지도, 보내지도 않습니다. 페이지의 `Content-Security-Policy`에는 연결할 수 있는 모든 주소가 적혀 있고 그중 우리 것은 하나도 없습니다. 여기서 이 말을 분명히 해 두는 것은, 입력이 사람들의 이름과 각자의 키로 이루어진 목록이고, 이 사이트가 다루는 대부분의 것보다 더 사적이기 때문입니다.
### 차트를 내려받을 수 있나요?
네, PNG로도 SVG로도 가능하고 워터마크도 계정도 없습니다. PNG는 설정하신 픽셀 높이로 그려지며 문서나 슬라이드, 대화창에 붙여 넣을 것입니다. SVG는 차트를 픽셀이 아니라 지시로 담습니다. 어떤 크기로도 또렷하게 인쇄되고, 나중에 어떤 벡터 편집기에서든 열어 색을 다시 입힐 수 있습니다. 둘 다 화면에 있는 것과 같은 마크업으로 만들어지므로, 어느 쪽도 미리보기와 어긋날 수 없습니다.
### 키는 어떻게 적나요 — 센티미터인가요, 피트인가요?
어느 쪽이든, 어느 줄에서든, 평소 쓰시는 방식대로 하시면 됩니다. `173`, `173 cm`, `1.73 m`, `5'8"`, `5 ft 8 in`, `68 in` 모두 이해되고, 칸 아래 줄이 무엇으로 읽었는지를 두 체계로 보여 줍니다. 단위 없는 숫자는 차트가 미터법일 때 센티미터, 야드파운드법일 때 인치입니다. 3보다 작은 맨 숫자는 미터로 봅니다. 1.73 cm는 아무도 적지 않는 키니까요.
### 아이들이 왜 작은 어른처럼 보이지 않나요?
아이는 작은 어른이 아니기 때문입니다. 신체 비율은 나이에 따라 달라집니다. 두 살 아이는 대략 머리 넷 반, 여덟 살은 여섯, 어른은 일곱 반입니다 — 그래서 머리가 어린아이의 거의 4분의 1, 어른의 8분의 1을 차지합니다. 여기 남자아이와 여자아이는 줄여 놓은 실루엣 하나가 아니라 실제 아이들을 그린 것이고, 가족 차트가 크기만 다른 어른 넷이 아니라 가족처럼 보이는 이유입니다.
### 인물들은 어디서 왔나요?
넷 다 다른 분들의 그림이고 모두 퍼블릭 도메인입니다. 남성은 pitr, 여성은 Madeleine Price Ball, 여자아이는 OpenClipart-Vectors, 남자아이는 NIH BioArt 라이브러리를 위해 Ryan Kissinger가 그렸습니다. 각 파일은 공개된 그대로 `vendor/`에 담겨 이 페이지와 함께 실려 오므로 원본과 대조하실 수 있습니다. 퍼블릭 도메인은 아무것도 요구하지 않고, 바로 그 점이 중요합니다. 그림은 사용자가 내려받는 이미지 안에 들어가게 되고, 출처 표시를 요구하는 라이선스라면 그 요구가 사용자의 차트에 따라붙었을 것입니다.
### 제 이미지를 차트에 올릴 수 있나요?
네 — **내 이미지**는 그림이든 사진이든 받아서 적으신 키에 맞춰 눈금자에 올립니다. 로고도, 평면도도, 기계 부품도, 자동차도, 그 물건을 찍은 사진도 됩니다. 비율은 이미지 자신의 것이라 너비를 적으실 필요가 없습니다. \
\
**SVG**는 그 줄에 설정된 단색 하나로 그려집니다. 차트의 나머지가 그렇기 때문입니다. 그래서 채워진 도형이 아니라 가는 윤곽선으로 그린 그림은 얼룩처럼 나오고, 그런 그림에는 이 도구가 맞지 않습니다. 남는 것은 *도형*뿐입니다. 파일은 패스와 사각형과 원으로 처음부터 다시 만들어지고, 네트워크에 닿을 수 있는 것은 무엇이든 — 링크된 이미지, 스타일시트, 글꼴, 스크립트 — 그 자리에 남습니다. \
\
**사진이나 PNG**는 있는 그대로 올라가고 자기 색을 지키므로, 줄의 색은 이름표 역할만 합니다. 올라가기 전에 여기서 다시 그려지기 때문에 차트에 보태는 양에 한계가 있고, 파일의 메타데이터는 뒤에 남습니다. 투명도는 유지되어 배경을 지운 이미지는 눈금자 위에 깔끔하게 서고 — 사진은 배경까지 함께 오니, 먼저 잘라 두실 만합니다. \
\
두 파일 모두 어디로도 가지 않습니다. 이것이 두 배로 중요한 이유는, 내려받으신 차트가 남에게 보내실 수도 있는 파일이기 때문입니다.
### 유아나 아기 그림은 왜 없나요?
아무도 하나를 그려서 퍼블릭 도메인으로 내놓지 않았기 때문입니다. 위키미디어 공용에는 쓸 만한 자유 아이 그림이 정확히 하나 — 그 여자아이 — 있고 NIH BioArt 라이브러리에 남자아이가 있습니다. 학령기 아래로는 검색이 빈손으로 돌아오고, 앞뒤가 맞는 무료 인물 세트는 하나같이 화장실 픽토그램이라 어느 나이에나 같은 모양입니다. 이 도구 전체가 피하려는 잘못이 바로 그것입니다. 한동안 이 페이지의 코드가 직접 그린 유아가 있었는데, 차트에서 아무도 그리지 않은 유일한 인물이었습니다. 누군가 그린 넷 옆에 서 있으면 그것이 티가 났습니다. 남자아이나 여자아이보다 작은 사람이라면 둘 중 하나를 실제 키로 맞추세요 — 비교를 떠받치는 것은 눈금자이고, 그것은 맞을 것입니다.
### 차트 하나에 몇 명까지 넣을 수 있나요?
열둘입니다. 기술적 한계는 아닙니다 — 그리기만 하자면 서른도 기꺼이 합니다 — 다만 열두어 명을 넘기면 열의 폭이 그 위에 적힌 이름보다 좁아지고 그림이 읽히지 않게 됩니다. 더 필요하시면 이름을 끄면 폭이 돌아오고, 아니면 두 장으로 나누는 편이 한 장보다 낫습니다.
### 차트에 사물을 놓을 수 있나요?
네 — 그리고 대부분은 그림이 그려진 채로 옵니다. 메뉴에는 시작할 만한 스무 가지가 네 묶음으로 있습니다. 문과 창, 학교와 사무실(화이트보드, 책상, 서류 캐비닛, 프로젝터 스크린), 동네의 것들(자동판매기, 바퀴 달린 쓰레기통, 농구 골대, 20 ft 해상 컨테이너), 그리고 집 안의 것들입니다. 그중 열일곱 가지에는 그림이 딸려 옵니다 — 손잡이 달린 문, 위에 냉동실이 있는 냉장고, 보면 소파인 줄 아는 소파 — 그림은 그 줄의 높이와 너비에 맞춰지므로, 크기는 여전히 숫자가 정하고 그 위에 덮어쓰신 숫자도 여전히 유효합니다. 나머지 셋은 평범한 직사각형입니다. 맞으면서 비율까지 바른 자유 이용 그림이 없었고, 크기를 다루는 차트에서는 틀린 그림보다 정직한 상자가 낫기 때문입니다. \
\
그중 일부는 실제 규격이고 일부는 흔한 크기이며, 페이지가 그 점을 분명히 말합니다. 익숙한 사물 하나가 사람을 더 넣는 것보다 차트에 더 큰 일을 합니다. 비교를 크기의 감각으로 바꿔 주니까요.
### 개나 고양이 인물이 있나요?
없고, 실수가 아니라 일부러 비워 둔 자리입니다. 둘 다 만들어는 봤습니다 — 옆모습으로, 서 있고, 머리를 어깨 높이에 맞춰서, 그림의 꼭대기가 옆에 적힌 키가 되도록 말입니다. 모든 견종 표준이 동물을 그 지점에서 재니까요. 내놓을 만큼 좋게 나오지 않았습니다. 앞을 보고 선 네 사람 옆에 옆을 보고 선 네발짐승은 그림이 좋아도 잘못된 것처럼 읽힙니다. 그동안은 그 동물의 어깨 높이에 맞춘 직사각형이 정직한 답입니다.
### 차트를 링크로 공유할 수 있나요?
여기서는 안 되고, 그것도 일부러입니다. 그 기능을 제공하는 도구들은 목록 전체를 주소에 넣는 방식으로 합니다. 그러면 모든 이름과 모든 키가 그 링크가 지나가는 모든 곳에 남습니다. 채팅 서버의 로그, 메일 검사기, 누군가의 브라우저 기록, 링크 미리보기를 가져가는 서비스 같은 곳들 말입니다. 그림을 내려받아 그것을 보내세요. 같은 이야기를 하면서 목록은 들고 가지 않습니다.
### 무료인가요? 차트를 상업적으로 써도 되나요?
무료이고 계정도 워터마크도 없으며, 결과물을 보고서나 발표 자료, 광고나 제품에 넣으셔도 됩니다. 이 사이트에는 광고가 있고 그것이 비용을 댑니다. 여기서 만드신 차트 가운데 우리 것은 아무것도 없고, 남겨 두는 것도 없습니다.
### 눈금자가 왜 1이 아니라 10 단위인가요?
간격이 정해진 숫자가 아니라 그림이 감당할 수 있는 선의 개수에서 정해지기 때문입니다. 어른 둘짜리 차트는 10센티미터마다 선이 하나 들어갑니다. 거기에 농구 골대를 올리면 선이 25로 옮겨 갑니다. 한 그림에 아흔 개의 선은 눈금자가 아니라 회색 얼룩이니까요. 피트와 인치에서는 1, 3, 6, 12인치가 사다리라서, 선이 어중간한 데가 아니라 정수 인치에 떨어집니다.
### 차트를 어두운 슬라이드에 올려도 되나요?
됩니다. 배경을 올려 둘 색으로 맞추면 눈금자와 글씨가 거기에 어울리게 어두운 쪽과 밝은 쪽을 오갑니다 — 짐작이 아니라 그 색의 휘도에서 계산합니다. 그런 다음 그림 자체를 투명하게 하고 싶으시면 ‘배경을 아예 두지 않기’에 표시하세요. 잉크를 정하는 것은 여전히 고르신 색이라, 남색 슬라이드로 향하는 투명한 차트도 그 위에서 읽히게 나옵니다.
### 오프라인에서도 되나요?
됩니다. 페이지를 한 번 불러온 뒤 인터넷을 끊어도 계속 동작합니다. 이것이 아무것도 업로드되지 않는다는 가장 간단한 증명이기도 합니다. 차트를 그려 달라고 목록을 밖으로 보내는 도구라면 선을 뽑는 순간 멈췄을 것입니다.
## 이 약속을 직접 확인하는 방법
- **사람들의 목록은 넘겨주기에 가벼운 것이 아닙니다.** 키 차트는 대개 계정을 요구하고, 요구하지 않는 것들도 적어 넣는 이름과 숫자를 전부 보는 서버가 여전히 있습니다. 여기서 적어 넣으시는 것은 가족이 누구이고 각자 키가 얼마인지이며, 이름 옆의 인물에서 아이의 나이까지 드러나는 일이 흔합니다. 그중 어느 것도 어디로도 보내지지 않습니다. 여기에는 갈 곳이 없기 때문입니다.
- **여기서는 아무것도 가져오지 않습니다.** `src/` 어디에도 `fetch`도, `XMLHttpRequest`도, `sendBeacon`도 없습니다. Content-Security-Policy에는 이 페이지가 연결할 수 있는 모든 주소가 적혀 있고, 그중 우리 것은 하나도 없습니다.
- **방문과 방문 사이에도 기억되는 것이 없습니다.** 차트는 페이지 안에서만 살아 있습니다. 탭을 닫으면 목록은 사라집니다. 그것을 붙들고 있는 계정도, 실어 나르는 쿠키도 없고, 이 브라우저의 저장소에 쓰이는 것도 없습니다 — 간직하고 싶은 차트가 곧 내려받는 차트인 이유이기도 합니다.
- **링크는 차트를 실어 나르지 않습니다.** 이런 종류의 도구 여럿은 공유할 수 있도록 목록 전체를 주소창에 넣습니다. 그러면 모든 이름과 모든 키가, 그 링크가 지나가는 모든 것이 기록하는 무언가로 바뀝니다. 채팅 서버, 메일 검사기, 누군가의 브라우저 기록 같은 것들 말입니다. 이 페이지의 주소는 입력하는 동안 한 번도 바뀌지 않습니다.
- **PNG는 화면에 있는 SVG로 만듭니다.** 내려받는 것은 미리보기와 어긋날 수 있는 두 번째 렌더링이 아닙니다. 같은 마크업을 브라우저에 넘겨 캔버스에 그릴 뿐이고, 그래서 네트워크를 뽑아 둔 채로도 됩니다. 가져올 글꼴도, 안에 불러올 이미지도 없기 때문입니다.
- **덧붙이신 이미지는 여기서 읽고, 어디로도 보내지 않습니다.** 파일은 이 페이지를 벗어나지 않습니다. 브라우저 자체의 `FileReader`로 읽어, 아무것도 실행하지 않는 죽은 문서로 해석합니다. 그려지는 것은 그 파일이 아닙니다. `src/import-svg.js`가 도형과 기하만 담긴 허용 목록으로 새 그림을 만들기 때문에, 스크립트나 스타일시트, 글꼴, 링크된 이미지, 다른 문서를 가리키는 참조는 실려 오지 못하고 그 자리에 남습니다. 이것이 두 배로 중요한 이유는, 내려받으신 차트가 다른 사람에게 보내는 파일이기 때문입니다. 살아남은 것이 있었다면 그것은 며칠 뒤 상대의 브라우저가 낯선 서버를 호출하는 일이 되었을 것입니다. 이 페이지가 쓴 무언가로부터 말입니다. 사진이나 PNG는 프로그램이 아니라서 다시 만들 것이 없습니다. 브라우저 자체의 디코더가 읽고, 차트에 오르기 전에 여기서 캔버스에 다시 그립니다. 파일의 메타데이터 — 카메라, 장소, 프로필, 그 안에 있던 무엇이든 — 가 뒤에 남는 것은 바로 이 다시 그리기 때문입니다. 그 가운데 캔버스를 통과하는 것은 하나도 없으니까요. 차트에 들어가는 것은 이 페이지가 인코딩한 이미지이고, 주소가 아니라 데이터로 적혀 들어가므로 차트는 여전히 아무 곳도 가리키지 않습니다.
- **그림은 여기에 있고, 가져오는 것이 아닙니다.** 네 인물 모두 퍼블릭 도메인이고, 페이지의 나머지와 함께 이 오리진에서 제공됩니다 — 아이콘 글꼴도, CDN도, 입력하는 동안 남의 서버에서 끌어오는 스프라이트도 없습니다. 네트워크를 뽑아도 차트가 그려지는 이유이기도 합니다.
- **구글이 불러오는 것과, 구글에 주지 않는 것.** 광고와 측정 스크립트는 구글에서, 후원 버튼은 Buy Me a Coffee에서 옵니다. 그 어느 쪽에도 이름 하나 키 하나 건네지지 않습니다. 목록을 그림으로 바꾸는 모든 줄은 이 오리진에서 제공되며 저장소에 올라 있습니다.
- **오프라인에서 동작합니다.** 네트워크를 끊어도 이 도구는 그대로입니다. 애초에 네트워크 단계가 없었기 때문입니다. 가장 간단한 증명입니다.
**직접 확인해 보세요.** 위에 적은 어느 것도 그냥 믿으실 필요는 없습니다. 이 페이지는 저장소 안의 템플릿과 설정을 빌드 스크립트가 찍어 낸 결과이고, 그 스크립트는 누구나 읽고 직접 돌려 볼 수 있습니다. 결과물은 `dist` 브랜치에 그대로 올라가 있고요. 그래서 실제로 제공되는 파일과 소스를 빌드한 결과를 나란히 놓고 비교해 보실 수 있습니다: https://github.com/A-Box-of-Tools/website
먼저 읽어 볼 파일을 꼽자면, Content-Security-Policy는 `config/site.toml`, 네 인물과 그 그림의 출처는 `src/traced.js`와 `vendor/`를, 메뉴가 만들어지는 목록은 `src/figures.js`를, 적어 넣은 키가 어떻게 숫자가 되고 눈금자에 어떻게 표시가 붙는지는 `src/units.js`를, 배치는 `src/chart.js`를, 두 가지 내려받기는 `src/save.js`를 보세요. 뒤의 것은 화면에 있는 SVG와, 바로 그 SVG를 캔버스에 그린 것입니다. 그리고 덧붙인 SVG를 다시 만들어 내는 허용 목록은 `src/import-svg.js`에 있는데, 여기서 틀리면 문제가 되는 파일은 그것 하나입니다.
키 비교 차트를 만드는 방법
먼저 모두 넣고, 모양은 그다음에 신경 쓰세요. 한 줄이 인물 하나, 이름 하나, 키 하나, 색 하나입니다. 이름은 선택입니다 — 이름 없는 실루엣 둘에 키만 위에 적힌 차트가 바로 원하시던 것인 경우도 많습니다 — 순서가 중요하면 각 줄의 화살표로 왼쪽이나 오른쪽으로 옮기시면 됩니다.
키는 평소 쓰시는 대로 적으세요.173, 1.73 m, 5'8", 68 in, 5 ft 8 모두 제대로 읽힙니다. 칸 아래 줄이 무엇으로 이해했는지를 두 체계로 함께 보여 주므로, 잘못 읽힌 것은 인쇄한 뒤가 아니라 그려지기 전에 눈에 띕니다. 단위 없는 숫자는 미터법 차트에서는 센티미터, 야드파운드법 차트에서는 인치이고, 3보다 작은 맨 숫자는 미터입니다 — 키가 1.73 cm인 사람은 없으니까요.
그 사람에게 맞는 인물을 고르세요. 아이는 머리 여섯쯤, 어른은 일곱 반쯤 되는 키입니다. 그래서 줄여 놓은 어른처럼 그려진 아이는 뭐라 집어 말하기는 어렵지만 보면 바로 알 수 있게 어색합니다. 남자아이와 여자아이는 작게 만든 어른이 아니라 실제 아이들을 그린 것이고, 가족 차트가 가족처럼 보이는지는 대개 여기서 갈립니다. 게다가 모든 줄이 키를 이미 담은 채로 들어오므로, 누군가를 더하면 누군가가 그려집니다 — 그 위에 바로 덮어쓰시면 됩니다.
익숙한 것을 차트에 놓으세요. 숫자는 추상적이고 출입문은 그렇지 않습니다. 누구나 크기를 아는 물건 하나를 넣는 것 — 문, 창문, 교실 화이트보드, 자동판매기 — 이 두 키를 말하기만 하던 차트를 그 키를 보여 주는 차트로 바꿉니다. 메뉴에는 스무 가지가 묶음별로 들어 있고, 하나하나가 직접 숫자를 덮어쓸 수 있는 평범한 줄로 들어옵니다. 사물은 높이 말고 너비도 받기 때문에, 문은 줄이 아니라 203 곱하기 81입니다.
또는 직접 그린 그림을 올리세요.내 이미지는 기기에서 파일을 받아 지정하신 키로 눈금자에 올립니다. 차트가 사람이 아니라 제품이나 차량, 건물에 관한 것일 때 손이 가는 기능입니다. SVG는 다른 도형과 똑같이 그 줄의 색으로 그려지고, 사진이나 PNG는 있는 그대로 올라갑니다. 둘 다 자기 비율을 지키고, 둘 다 어디로도 보내지 않고 여기서 읽습니다.
읽는 사람이 익숙한 단위로 눈금자를 맞추세요. 센티미터와 피트를 오가는 것은 칸에 든 값을 다시 해석하는 것이 아니라 다시 쓰는 일입니다. 그래서 차트 자체는 움직이지 않고 표기만 바뀝니다. 차트가 두 부류의 독자를 위한 것이라면, 각 인물 위에 적히는 키는 차트의 단위로 나오고 각 칸 아래 줄에는 둘 다 나옵니다.
붙여 넣을 때는 PNG, 인쇄할 때는 SVG. PNG는 설정하신 픽셀 높이의 그림이고, 대화창이나 문서나 슬라이드가 원하는 것이 그것입니다. SVG는 차트를 지시로 담고 있어서 어떤 크기로도 또렷하게 인쇄되고, 나중에 벡터를 여는 무엇으로든 색을 다시 입힐 수 있습니다.
자세한 설명
키 비교 차트를 만드는 방법키 목록을 나란히 놓인 그림으로 바꾸는 법: 키를 어떻게 적는지, 아이에게는 어떤 그림을 고르는지, 익숙한 사물 하나가 왜 세 번째 사람보다 더 큰 일을 하는지, 그리고 차트를 PNG나 SVG로 꺼내는 법.
아닙니다. 차트는 이 페이지의 자바스크립트가 사용자의 기기 위에서 그립니다. 이 도구에는 네트워크 기능 자체가 없어서 무언가를 가져오지도, 보내지도 않습니다. 페이지의 Content-Security-Policy에는 연결할 수 있는 모든 주소가 적혀 있고 그중 우리 것은 하나도 없습니다. 여기서 이 말을 분명히 해 두는 것은, 입력이 사람들의 이름과 각자의 키로 이루어진 목록이고, 이 사이트가 다루는 대부분의 것보다 더 사적이기 때문입니다.
차트를 내려받을 수 있나요?
네, PNG로도 SVG로도 가능하고 워터마크도 계정도 없습니다. PNG는 설정하신 픽셀 높이로 그려지며 문서나 슬라이드, 대화창에 붙여 넣을 것입니다. SVG는 차트를 픽셀이 아니라 지시로 담습니다. 어떤 크기로도 또렷하게 인쇄되고, 나중에 어떤 벡터 편집기에서든 열어 색을 다시 입힐 수 있습니다. 둘 다 화면에 있는 것과 같은 마크업으로 만들어지므로, 어느 쪽도 미리보기와 어긋날 수 없습니다.
키는 어떻게 적나요 — 센티미터인가요, 피트인가요?
어느 쪽이든, 어느 줄에서든, 평소 쓰시는 방식대로 하시면 됩니다. 173, 173 cm, 1.73 m, 5'8", 5 ft 8 in, 68 in 모두 이해되고, 칸 아래 줄이 무엇으로 읽었는지를 두 체계로 보여 줍니다. 단위 없는 숫자는 차트가 미터법일 때 센티미터, 야드파운드법일 때 인치입니다. 3보다 작은 맨 숫자는 미터로 봅니다. 1.73 cm는 아무도 적지 않는 키니까요.
아이들이 왜 작은 어른처럼 보이지 않나요?
아이는 작은 어른이 아니기 때문입니다. 신체 비율은 나이에 따라 달라집니다. 두 살 아이는 대략 머리 넷 반, 여덟 살은 여섯, 어른은 일곱 반입니다 — 그래서 머리가 어린아이의 거의 4분의 1, 어른의 8분의 1을 차지합니다. 여기 남자아이와 여자아이는 줄여 놓은 실루엣 하나가 아니라 실제 아이들을 그린 것이고, 가족 차트가 크기만 다른 어른 넷이 아니라 가족처럼 보이는 이유입니다.
인물들은 어디서 왔나요?
넷 다 다른 분들의 그림이고 모두 퍼블릭 도메인입니다. 남성은 pitr, 여성은 Madeleine Price Ball, 여자아이는 OpenClipart-Vectors, 남자아이는 NIH BioArt 라이브러리를 위해 Ryan Kissinger가 그렸습니다. 각 파일은 공개된 그대로 vendor/에 담겨 이 페이지와 함께 실려 오므로 원본과 대조하실 수 있습니다. 퍼블릭 도메인은 아무것도 요구하지 않고, 바로 그 점이 중요합니다. 그림은 사용자가 내려받는 이미지 안에 들어가게 되고, 출처 표시를 요구하는 라이선스라면 그 요구가 사용자의 차트에 따라붙었을 것입니다.
제 이미지를 차트에 올릴 수 있나요?
네 — 내 이미지는 그림이든 사진이든 받아서 적으신 키에 맞춰 눈금자에 올립니다. 로고도, 평면도도, 기계 부품도, 자동차도, 그 물건을 찍은 사진도 됩니다. 비율은 이미지 자신의 것이라 너비를 적으실 필요가 없습니다.
SVG는 그 줄에 설정된 단색 하나로 그려집니다. 차트의 나머지가 그렇기 때문입니다. 그래서 채워진 도형이 아니라 가는 윤곽선으로 그린 그림은 얼룩처럼 나오고, 그런 그림에는 이 도구가 맞지 않습니다. 남는 것은 도형뿐입니다. 파일은 패스와 사각형과 원으로 처음부터 다시 만들어지고, 네트워크에 닿을 수 있는 것은 무엇이든 — 링크된 이미지, 스타일시트, 글꼴, 스크립트 — 그 자리에 남습니다.
사진이나 PNG는 있는 그대로 올라가고 자기 색을 지키므로, 줄의 색은 이름표 역할만 합니다. 올라가기 전에 여기서 다시 그려지기 때문에 차트에 보태는 양에 한계가 있고, 파일의 메타데이터는 뒤에 남습니다. 투명도는 유지되어 배경을 지운 이미지는 눈금자 위에 깔끔하게 서고 — 사진은 배경까지 함께 오니, 먼저 잘라 두실 만합니다.
두 파일 모두 어디로도 가지 않습니다. 이것이 두 배로 중요한 이유는, 내려받으신 차트가 남에게 보내실 수도 있는 파일이기 때문입니다.
유아나 아기 그림은 왜 없나요?
아무도 하나를 그려서 퍼블릭 도메인으로 내놓지 않았기 때문입니다. 위키미디어 공용에는 쓸 만한 자유 아이 그림이 정확히 하나 — 그 여자아이 — 있고 NIH BioArt 라이브러리에 남자아이가 있습니다. 학령기 아래로는 검색이 빈손으로 돌아오고, 앞뒤가 맞는 무료 인물 세트는 하나같이 화장실 픽토그램이라 어느 나이에나 같은 모양입니다. 이 도구 전체가 피하려는 잘못이 바로 그것입니다. 한동안 이 페이지의 코드가 직접 그린 유아가 있었는데, 차트에서 아무도 그리지 않은 유일한 인물이었습니다. 누군가 그린 넷 옆에 서 있으면 그것이 티가 났습니다. 남자아이나 여자아이보다 작은 사람이라면 둘 중 하나를 실제 키로 맞추세요 — 비교를 떠받치는 것은 눈금자이고, 그것은 맞을 것입니다.
차트 하나에 몇 명까지 넣을 수 있나요?
열둘입니다. 기술적 한계는 아닙니다 — 그리기만 하자면 서른도 기꺼이 합니다 — 다만 열두어 명을 넘기면 열의 폭이 그 위에 적힌 이름보다 좁아지고 그림이 읽히지 않게 됩니다. 더 필요하시면 이름을 끄면 폭이 돌아오고, 아니면 두 장으로 나누는 편이 한 장보다 낫습니다.
차트에 사물을 놓을 수 있나요?
네 — 그리고 대부분은 그림이 그려진 채로 옵니다. 메뉴에는 시작할 만한 스무 가지가 네 묶음으로 있습니다. 문과 창, 학교와 사무실(화이트보드, 책상, 서류 캐비닛, 프로젝터 스크린), 동네의 것들(자동판매기, 바퀴 달린 쓰레기통, 농구 골대, 20 ft 해상 컨테이너), 그리고 집 안의 것들입니다. 그중 열일곱 가지에는 그림이 딸려 옵니다 — 손잡이 달린 문, 위에 냉동실이 있는 냉장고, 보면 소파인 줄 아는 소파 — 그림은 그 줄의 높이와 너비에 맞춰지므로, 크기는 여전히 숫자가 정하고 그 위에 덮어쓰신 숫자도 여전히 유효합니다. 나머지 셋은 평범한 직사각형입니다. 맞으면서 비율까지 바른 자유 이용 그림이 없었고, 크기를 다루는 차트에서는 틀린 그림보다 정직한 상자가 낫기 때문입니다.
그중 일부는 실제 규격이고 일부는 흔한 크기이며, 페이지가 그 점을 분명히 말합니다. 익숙한 사물 하나가 사람을 더 넣는 것보다 차트에 더 큰 일을 합니다. 비교를 크기의 감각으로 바꿔 주니까요.
개나 고양이 인물이 있나요?
없고, 실수가 아니라 일부러 비워 둔 자리입니다. 둘 다 만들어는 봤습니다 — 옆모습으로, 서 있고, 머리를 어깨 높이에 맞춰서, 그림의 꼭대기가 옆에 적힌 키가 되도록 말입니다. 모든 견종 표준이 동물을 그 지점에서 재니까요. 내놓을 만큼 좋게 나오지 않았습니다. 앞을 보고 선 네 사람 옆에 옆을 보고 선 네발짐승은 그림이 좋아도 잘못된 것처럼 읽힙니다. 그동안은 그 동물의 어깨 높이에 맞춘 직사각형이 정직한 답입니다.
차트를 링크로 공유할 수 있나요?
여기서는 안 되고, 그것도 일부러입니다. 그 기능을 제공하는 도구들은 목록 전체를 주소에 넣는 방식으로 합니다. 그러면 모든 이름과 모든 키가 그 링크가 지나가는 모든 곳에 남습니다. 채팅 서버의 로그, 메일 검사기, 누군가의 브라우저 기록, 링크 미리보기를 가져가는 서비스 같은 곳들 말입니다. 그림을 내려받아 그것을 보내세요. 같은 이야기를 하면서 목록은 들고 가지 않습니다.
무료인가요? 차트를 상업적으로 써도 되나요?
무료이고 계정도 워터마크도 없으며, 결과물을 보고서나 발표 자료, 광고나 제품에 넣으셔도 됩니다. 이 사이트에는 광고가 있고 그것이 비용을 댑니다. 여기서 만드신 차트 가운데 우리 것은 아무것도 없고, 남겨 두는 것도 없습니다.
눈금자가 왜 1이 아니라 10 단위인가요?
간격이 정해진 숫자가 아니라 그림이 감당할 수 있는 선의 개수에서 정해지기 때문입니다. 어른 둘짜리 차트는 10센티미터마다 선이 하나 들어갑니다. 거기에 농구 골대를 올리면 선이 25로 옮겨 갑니다. 한 그림에 아흔 개의 선은 눈금자가 아니라 회색 얼룩이니까요. 피트와 인치에서는 1, 3, 6, 12인치가 사다리라서, 선이 어중간한 데가 아니라 정수 인치에 떨어집니다.
차트를 어두운 슬라이드에 올려도 되나요?
됩니다. 배경을 올려 둘 색으로 맞추면 눈금자와 글씨가 거기에 어울리게 어두운 쪽과 밝은 쪽을 오갑니다 — 짐작이 아니라 그 색의 휘도에서 계산합니다. 그런 다음 그림 자체를 투명하게 하고 싶으시면 ‘배경을 아예 두지 않기’에 표시하세요. 잉크를 정하는 것은 여전히 고르신 색이라, 남색 슬라이드로 향하는 투명한 차트도 그 위에서 읽히게 나옵니다.
오프라인에서도 되나요?
됩니다. 페이지를 한 번 불러온 뒤 인터넷을 끊어도 계속 동작합니다. 이것이 아무것도 업로드되지 않는다는 가장 간단한 증명이기도 합니다. 차트를 그려 달라고 목록을 밖으로 보내는 도구라면 선을 뽑는 순간 멈췄을 것입니다.