Kode halaman ini tidak berjalan.

Membuka index.html langsung dari sebuah folder memblokir modul JavaScript, sehingga tidak akan terjadi apa-apa saat Anda memilih siapa yang masuk ke bagan. Sajikan folder tersebut lewat http sebagai gantinya:

powershell -ExecutionPolicy Bypass -File serve.ps1

Lalu buka http://localhost:8080/.

Bandingkan Tinggi Badan — bagan berdampingan yang bisa Anda unduh

Ketik tingginya, bawa gambarnya. Tidak ada yang dikirim untuk menggambarnya.

Bahasa: Bahasa Indonesia
Lihat kode sumber
nama, tinggi, dan bagan yang terbentuk darinya Anda tidak pernah diunggah. Tidak ada server.

Bagan tinggi badan adalah hitungan dan sebuah gambar: tidak ada berkas yang perlu dikirim dan tidak ada layanan yang perlu ditanyai — dan satu berkas yang diterima halaman ini, gambar milik Anda untuk ditaruh di penggarisnya, dibaca di sini dan tidak ke mana-mana. Pria, wanita, anak laki-laki, dan anak perempuan adalah karya seni domain publik yang ikut dikirim bersama halaman ini, dan anak laki-laki serta anak perempuannya adalah gambar anak-anak sungguhan, bukan orang dewasa yang dikecilkan — dan itulah yang mencegah bagan keluarga terlihat keliru dengan cara yang tak bisa disebut namanya siapa pun. Setiap langkahnya terjadi di beberapa ratus baris JavaScript di halaman ini yang bisa Anda baca. Tidak ada fungsi jaringan apa pun, dan di sini itu penting karena yang Anda ketik adalah daftar orang dan tinggi masing-masing.

Pemeriksaan langsung: memeriksa…

Luring: memeriksa…

Anda tidak perlu percaya begitu saja: buka DevTools, perhatikan tab jaringan, lalu ketik sebuah nama dan sebuah tinggi. Tidak satu pun permintaan membawa satu karakter dari keduanya. Atau cabut sambungan internet dan buat bagannya tetap.

1 Sebutkan siapa yang Anda bandingkan

Sebuah nama, sebuah tinggi, dan jenis figur yang digambar. Setiap baris sudah dimulai dengan tinggi yang bisa langsung Anda timpa. Tinggi boleh ditulis sebagaimana Anda menuliskannya — 173, 1,73 m, 5'8", 68 in — dan baris di bawah setiap kotak menunjukkan apa yang dipahami, atau mengatakannya dengan warna merah kalau kotaknya kosong atau tingginya tidak terbaca. Tidak pernah ada yang ditebak diam-diam.

Atas ke bawah di sini adalah kiri ke kanan pada bagan. Seret sebuah baris lewat pegangan di tepi kirinya untuk memindahkannya, atau pakai tanda panah, yang melakukan hal sama lewat papan ketik. Bagaimanapun caranya, bagan kembali ke urutan Anda sendiri kalau tadinya sedang diurutkan menurut tinggi.

Sebuah SVG menaruh gambar apa pun di penggaris — sebuah logo, denah, atau bagian mesin. Ia dibaca di halaman ini dan tidak ke mana-mana. Hanya bentuk di dalamnya yang disimpan: ia datang sebagai satu warna padat yang Anda pilih per baris, dan apa pun yang bisa menjangkau jaringan — gambar tertaut, lembar gaya, fon, skrip — ditinggalkan alih-alih ikut terbawa ke dalam bagan yang mungkin Anda kirim ke orang lain. Gambar yang dibuat dari garis tipis, bukan dari bentuk terisi, akan keluar sebagai gumpalan padat, dan itulah satu-satunya kasus di mana ini alat yang keliru.

Foto atau PNG masuk apa adanya dan menyimpan warnanya sendiri, jadi warna baris hanya menamainya. Berkasnya juga dibaca di sini dan digambar ulang sebelum dipasang — itu membatasi seberapa berat bagannya jadi, dan meninggalkan metadata berkas. Yang tembus pandang tetap tembus pandang, jadi gambar yang sudah dipotong berdiri bersih di penggaris, sedangkan foto membawa latarnya, yang sebaiknya dipangkas dulu.

Kebanyakan datang tergambar, bukan sebagai balok polos — pintu dengan gagangnya, kulkas dengan freezer di atasnya, sofa yang kelihatan memang sofa. Gambarnya dipaskan ke dua angka di baris itu, jadi angkanyalah yang menentukan bentuknya: ketik angka Anda sendiri menimpanya dan gambarnya mengikuti. Tiga di antaranya tidak punya gambar, karena tidak ada yang bebas dan proporsinya benar: ring basket, kontainer kapal, dan meja dapur datang sebagai persegi panjang seperti dulu semua benda.

Beberapa di antaranya memang pasti: kontainer kapal 20 ft tingginya 259 cm menurut definisinya, ring basket ada di 305, dan pintu dalam Amerika berukuran 203 kali 81. Sisanya adalah ukuran lazim, bukan standar — pintu, jendela, dan meja dapur berbeda-beda menurut negara dan menurut rumahnya. Semuanya datang sebagai baris biasa, jadi ukurlah milik Anda dan ketik angka yang sebenarnya menimpanya.

2 Ambil

PNG adalah yang ditempelkan ke dokumen atau obrolan. SVG adalah yang disimpan: ia adalah bagan sebagai instruksi, bukan sebagai piksel, jadi ia tercetak tajam pada ukuran berapa pun dan bisa diwarnai ulang nanti oleh apa pun yang membuka vektor.

Gambar penggarisnya Garis-garis melintang bagan dan angka di kedua sisinya. Tanpa itu gambarnya tetap membandingkan dua orang dengan benar, tapi berhenti menyebutkan berapa tinggi masing-masing.

Tulis nama dan tinggi di atas setiap figur Kalau dimatikan, bagannya menjadi siluet di atas penggaris — dan itulah yang Anda mau kalau namanya toh akan muncul di tempat Anda menempelkannya.

Tanpa latar sama sekali Transparan, untuk dijatuhkan ke slide yang sudah punya warna. Penggaris dan tulisannya digambar gelap atau terang menyesuaikan warna yang dipilih di atas, jadi aturlah warna itu kira-kira seperti tempat gambarnya nanti berada, sekalipun latarnya sendiri dimatikan.

Itu tinggi bidang gambarnya, jadi gambar jadinya sedikit lebih tinggi: namanya duduk di atasnya. Lebarnya mengikuti berapa banyak figur yang ada dan seberapa lebar label masing-masing. Baris di bawah gambarnya menyebutkan hasil akhirnya.

Tampilannya

Lihat sebagai Markdown

Cara membuat bagan perbandingan tinggi badan

  1. Masukkan semua orang dulu, urusan tampilan belakangan. Satu baris berisi sebuah figur, sebuah nama, sebuah tinggi, dan sebuah warna. Namanya opsional — bagan berisi dua siluet tanpa nama dengan tinggi di atasnya sering kali justru yang diinginkan orang — dan panah pada tiap baris menggesernya ke kiri atau ke kanan kalau urutannya penting.
  2. Ketik tingginya sebagaimana Anda menuliskannya. 173, 1,73 m, 5'8", 68 in, dan 5 ft 8 semuanya terbaca dengan benar. Baris di bawah kotak menunjukkan apa yang dipahami, dalam dua sistem sekaligus, sehingga salah baca terlihat sebelum digambar, bukan setelah dicetak. Angka telanjang berarti sentimeter pada bagan metrik dan inci pada bagan imperial, dan angka telanjang di bawah tiga berarti meter — tidak ada orang setinggi 1,73 cm.
  3. Pilih figur yang cocok dengan orangnya. Seorang anak tingginya sekitar enam kepala dan orang dewasa tujuh setengah, jadi anak yang digambar sebagai orang dewasa yang menyusut terlihat salah dengan cara yang sulit disebut namanya tapi mudah dilihat. Anak laki-laki dan anak perempuannya adalah gambar anak-anak sungguhan, bukan orang dewasa yang dikecilkan, dan itulah sebagian besar yang membuat bagan keluarga terlihat seperti keluarga. Setiap baris juga sudah datang dengan tinggi di dalamnya, jadi menambahkan seseorang berarti menggambar seseorang — tinggal ketik menimpanya.
  4. Taruh sesuatu yang akrab di bagan itu. Angka itu abstrak, pintu tidak. Menambahkan satu benda berukuran yang semua orang tahu — pintu, jendela, papan tulis kelas, mesin penjual otomatis — itulah yang mengubah bagan yang menyebutkan dua tinggi menjadi bagan yang menunjukkannya. Menunya memuat dua puluh, berkelompok, dan tiap satunya datang sebagai baris biasa yang bisa Anda timpa dengan angka Anda sendiri. Benda punya lebar selain tinggi, jadi sebuah pintu itu 203 kali 81, bukan sebuah garis.
  5. Atau taruh gambar Anda sendiri di atasnya. Gambar milik Anda mengambil berkas dari mesin Anda dan menaruhnya di penggaris pada tinggi berapa pun yang Anda berikan — inilah yang dipakai kalau bagannya tentang produk, kendaraan, atau bangunan, bukan tentang orang. SVG digambar dengan warna barisnya sendiri seperti figur lain mana pun; foto atau PNG naik apa adanya. Keduanya mempertahankan proporsinya sendiri, dan keduanya dibaca di sini alih-alih dikirim ke mana pun.
  6. Setel penggarisnya ke satuan yang dipikirkan pembaca Anda. Berpindah antara sentimeter dan kaki menuliskan ulang isi kotaknya, bukan menafsirkannya ulang, jadi bagannya sendiri tidak bergerak: yang berubah hanya notasinya. Kalau bagannya untuk dua khalayak, tinggi yang ditulis di atas tiap figur memakai satuan bagan dan baris di bawah tiap kotak memuat keduanya.
  7. PNG untuk ditempel, SVG untuk dicetak. PNG adalah gambar pada tinggi piksel yang Anda setel, dan itulah yang diinginkan jendela obrolan, dokumen, atau salindia. SVG adalah bagan dalam bentuk instruksi, jadi ia tercetak tajam pada ukuran berapa pun dan masih bisa diwarnai ulang nanti oleh apa pun yang membuka vektor.

Versi lebih lengkap

Cara membuat bagan perbandingan tinggi badan Ubah daftar tinggi badan menjadi gambar berdampingan: cara menulis tingginya, figur mana yang dipilih untuk anak, kenapa satu benda yang akrab lebih berguna daripada orang ketiga, dan cara mengeluarkan bagannya sebagai PNG atau SVG.

Pertanyaan

Apakah yang saya ketik dikirim ke suatu tempat?

Tidak. Bagannya digambar oleh JavaScript di halaman ini, di perangkat Anda sendiri, dan alat ini tidak punya fungsi jaringan apa pun — tidak pernah mengambil apa pun dan tidak pernah mengirim apa pun. Content-Security-Policy halaman ini menyebutkan setiap alamat yang boleh dihubunginya, tidak satu pun milik kami. Ini layak dikatakan terang-terangan di sini karena masukannya adalah daftar nama orang dan tinggi masing-masing, yang lebih pribadi daripada hampir semua yang ditangani situs ini.

Bisakah saya mengunduh bagannya?

Bisa, sebagai PNG atau SVG, tanpa tanda air dan tanpa akun. PNG-nya digambar pada tinggi piksel yang Anda setel dan itulah yang ditempel ke dokumen, salindia, atau obrolan. SVG adalah bagan dalam bentuk instruksi, bukan piksel: ia tercetak tajam pada ukuran berapa pun dan bisa dibuka lalu diwarnai ulang nanti di penyunting vektor mana pun. Keduanya dibuat dari markah yang sama dengan yang ada di layar, jadi tidak satu pun bisa berbeda dari pratinjaunya.

Bagaimana saya menulis tingginya — sentimeter atau kaki?

Terserah, di baris mana pun, dengan cara yang biasa Anda pakai. 173, 173 cm, 1,73 m, 5'8", 5 ft 8 in, dan 68 in semuanya dipahami, dan baris di bawah kotak menunjukkan apa yang terbaca dalam dua sistem. Angka telanjang berarti sentimeter kalau bagannya metrik dan inci kalau imperial; angka telanjang di bawah tiga dianggap meter, sebab 1,73 cm bukan tinggi yang diketik siapa pun.

Kenapa anak-anaknya tidak terlihat seperti orang dewasa yang dikecilkan?

Karena anak memang bukan itu. Proporsi tubuh berubah menurut usia: anak dua tahun tingginya kira-kira empat setengah kepala, anak delapan tahun enam, orang dewasa tujuh setengah — jadi kepala hampir seperempat dari anak kecil dan seperdelapan dari orang dewasa. Anak laki-laki dan anak perempuan di sini adalah gambar anak-anak sungguhan, bukan satu siluet yang diperkecil, dan itulah sebabnya bagan keluarga terlihat seperti keluarga, bukan seperti empat orang dewasa dengan ukuran berbeda.

Dari mana figur-figurnya berasal?

Keempatnya adalah karya orang lain, semuanya domain publik: prianya oleh pitr, wanitanya oleh Madeleine Price Ball, anak perempuannya oleh OpenClipart-Vectors, dan anak laki-lakinya oleh Ryan Kissinger untuk pustaka NIH BioArt. Tiap berkas ikut dikirim bersama halaman ini di vendor/ apa adanya seperti saat diterbitkan, jadi Anda bisa mencocokkannya dengan aslinya. Domain publik tidak menuntut apa pun, dan itulah intinya: karya gambarnya berakhir di dalam sebuah gambar yang Anda unduh, dan lisensi yang menuntut atribusi akan menempelkan tuntutan itu pada bagan Anda.

Bisakah saya menaruh gambar saya sendiri di bagannya?

Bisa — Gambar milik Anda mengambil gambar atau foto dan menaruhnya di penggaris pada tinggi berapa pun yang Anda ketik: logo, denah, bagian mesin, mobil, atau foto bendanya sendiri. Proporsinya adalah miliknya sendiri, jadi tidak ada lebar yang perlu diisi.

SVG digambar sebagai satu warna padat, warna yang disetel untuk baris itu, karena itulah seluruh sisa bagannya — jadi gambar yang dibuat dari garis tipis, bukan bentuk terisi, keluar sebagai gumpalan, dan untuk itu ini alat yang keliru. Hanya bentuk-nya yang disimpan: berkasnya dibangun ulang dari nol dari path, persegi panjang, dan lingkaran, dan apa pun yang bisa menjangkau jaringan — gambar tertaut, lembar gaya, fon, skrip — ditinggalkan.

Foto atau PNG naik apa adanya dan mempertahankan warnanya sendiri, jadi warna barisnya hanya memberi nama. Ia digambar ulang di sini sebelum naik, yang membatasi seberapa banyak ia menambah ke bagan dan meninggalkan metadata berkasnya. Transparansi dipertahankan, jadi potongan hasil seleksi berdiri bersih di penggaris — dan foto membawa serta latarnya, yang sebaiknya dipangkas dulu.

Tak satu pun dari kedua berkas itu pergi ke mana-mana. Itu penting dua kali lipat, karena bagan yang Anda unduh adalah berkas yang mungkin Anda kirim ke orang lain.

Kenapa tidak ada balita atau bayi?

Karena tidak ada yang menggambarnya lalu melepasnya ke domain publik. Wikimedia Commons punya persis satu anak bebas yang bisa dipakai — anak perempuan itu — dan pustaka NIH BioArt punya anak laki-lakinya; di bawah usia sekolah pencarian pulang dengan tangan kosong, dan setiap set orang yang bebas dan selaras adalah piktogram toilet dengan bentuk yang sama pada segala usia, yang justru merupakan kesalahan yang hendak dihindari seluruh alat ini. Sempat ada balita yang digambar oleh kode halaman ini sendiri, dan ia satu-satunya figur di bagan yang tidak digambar siapa pun: kelihatan, berdiri di sebelah empat yang digambar orang. Untuk siapa pun yang lebih kecil daripada anak laki-laki atau anak perempuan itu, setel salah satunya ke tinggi yang sebenarnya — yang membawa perbandingannya adalah penggarisnya, dan itu akan benar.

Berapa banyak orang yang bisa saya taruh di satu bagan?

Dua belas. Itu bukan batas teknis — gambarnya dengan senang hati akan membuat tiga puluh — tapi lewat selusin, kolomnya jadi lebih sempit daripada nama yang tertulis di atasnya dan gambarnya berhenti terbaca. Kalau perlu lebih, mematikan namanya mengembalikan lebarnya, atau dua bagan akan mengatakannya lebih baik daripada satu.

Bisakah saya menaruh sebuah benda di bagan?

Bisa — dan sebagian besar datang sudah bergambar. Menunya memuat dua puluh untuk memulai, dalam empat kelompok: pintu dan jendela, sekolah dan kantor (papan tulis, meja, lemari arsip, layar proyektor), benda-benda di kota (mesin penjual otomatis, tong sampah beroda, ring basket, kontainer kapal 20 ft), dan benda-benda di rumah. Tujuh belas di antaranya datang dengan gambar — pintu dengan gagangnya, kulkas dengan freezer di atasnya, sofa yang kelihatan memang sofa — dan gambarnya dipaskan ke tinggi dan lebar di baris itu, jadi angkalah yang tetap menentukan ukuran, dan angka Anda sendiri yang diketik menimpanya tetap berlaku. Tiga sisanya persegi panjang polos, karena tidak ada gambar bebas untuk ketiganya yang ternyata benar sekaligus proporsinya tepat, dan gambar yang keliru lebih buruk daripada balok yang jujur pada bagan tentang skala.

Sebagian ukuran ini memang standar sungguhan dan sebagian ukuran lazim, dan halaman ini mengatakannya terang-terangan. Satu benda yang akrab berbuat lebih banyak untuk sebuah bagan daripada berapa pun tambahan orang: ia yang mengubah perbandingan menjadi rasa akan skala.

Apakah ada figur untuk anjing atau kucing?

Tidak, dan itu kekosongan yang disengaja, bukan kelalaian. Keduanya sudah dibuat — tampak samping, berdiri, dengan kepala sejajar bahu, supaya puncak gambarnya menjadi tinggi yang tertulis di sebelahnya, yaitu tempat setiap standar ras mengukur seekor hewan. Hasilnya tidak cukup baik untuk dikirimkan: hewan berkaki empat tampak samping yang berdiri di sebelah empat orang tampak depan terbaca sebagai kekeliruan sekalipun gambarnya bagus. Sebuah persegi panjang setinggi bahu hewan itu jujur untuk sementara.

Bisakah saya membagikan bagannya lewat tautan?

Tidak dari sini, dan itu disengaja. Alat yang menawarkannya melakukannya dengan memasukkan seluruh daftar ke alamatnya, yang berarti setiap nama dan setiap tinggi berakhir di apa pun yang dilalui tautan itu — catatan server obrolan, pemindai surel, riwayat peramban seseorang, layanan pengambil pratinjau tautan. Unduh gambarnya dan kirim itu saja: ia mengatakan hal yang sama dan tidak membawa daftar apa pun.

Apakah gratis, dan bolehkah bagannya dipakai untuk keperluan komersial?

Gratis, tidak ada akun dan tidak ada tanda air, dan Anda boleh menaruh hasilnya di laporan, presentasi, iklan, atau produk. Situs ini memasang iklan, dan itulah yang membiayainya. Tidak ada bagian dari bagan yang Anda buat di sini yang menjadi milik kami, dan tidak ada yang disimpan.

Kenapa penggarisnya per sepuluh dan bukan per satu?

Karena jaraknya dipilih dari berapa banyak garis yang sanggup dibawa gambarnya, bukan dari angka tetap. Bagan berisi dua orang dewasa mendapat satu garis tiap sepuluh sentimeter; taruh ring basket di situ dan garisnya bergeser ke dua puluh lima, sebab sembilan puluh garis dalam satu gambar itu sapuan kelabu, bukan penggaris. Dalam kaki dan inci tangganya adalah satu, tiga, enam, dan dua belas inci, sehingga garisnya jatuh tepat di inci bulat alih-alih di dekatnya.

Bisakah bagannya ditaruh di salindia gelap?

Bisa. Setel latarnya ke warna tempat ia akan berada, dan penggaris serta tulisannya berganti antara gelap dan terang supaya cocok — dihitung dari luminans warnanya, bukan ditebak. Lalu centang “tanpa latar sama sekali” kalau Anda ingin gambarnya sendiri transparan: warna yang Anda pilih tetap menentukan tintanya, jadi bagan transparan yang menuju salindia biru tua keluar terbaca di atasnya.

Apakah jalan tanpa internet?

Ya. Muat halamannya sekali, lalu putuskan sambungan internet dan halaman ini tetap bekerja. Itu sekaligus cara paling sederhana untuk membuktikan tidak ada yang diunggah: alat yang mengirim daftar Anda pergi untuk digambarkan menjadi bagan akan berhenti begitu sambungannya dicabut.