Ringkasan 30 detik: Halaman ini adalah «contoh hidup» sistem visualisasi Taiwan.md — merender kesembilan belas modul visual dalam artikel sekaligus, semuanya menggunakan data Taiwan yang nyata (rasio harga rumah terhadap pendapatan, perumahan nasional, penuaan penduduk, referendum, rasio perawat-pasien, kursi legislatif). Ia adalah pasangan dari panduan editorial graph.md: graph.md menjelaskan «kapan menggunakan yang mana, bagaimana caranya yang baik, sintaksnya seperti apa», halaman ini memungkinkan Anda langsung melihat «bentuknya seperti apa». Setiap modul dirender dengan HTML/SVG murni, sehingga manusia, pembaca layar, Google, dan perayap AI semua membaca data yang sama persis — inilah alasan kami memilih visualisasi statis, bukan grafik interaktif.
Saat menulis artikel yang membahas angka, ketakutan terbesar adalah mengubah data menjadi tumpukan angka paragraf demi paragraf, pembaca jenuh di persentase ketiga. Pekerjaan visualisasi, adalah membalik «prosa angka yang padat» itu menjadi «struktur yang terbaca sekilas».
Tetapi visualisasi Taiwan.md memiliki satu disiplin yang tidak dimiliki orang lain: kami hanya membuat visualisasi yang «dapat dibaca LLM». Grafik interaktif berbekal D3 atau Canvas memang menawan, tetapi GPTBot, PerplexityBot, ClaudeBot — perayap AI ini tidak mengeksekusi JavaScript, bagi mereka grafik itu hanya kanvas kosong. Sementara visualisasi kami yang dibangun dengan semantic HTML dan inline SVG, datanya ada di kode sumber, AI di enam bahasa pun bisa membaca, mengutip data Taiwan dari sudut pandang pertama. Visualisasi yang bisa dibaca LLM, adalah visualisasi kedaulatan.
Di bawah ini sembilan belas modul, dari «satu angka besar» paling sederhana hingga «peta bata kabupaten/kota» dan «busur kursi», ditampilkan berurutan. Sintaks penulisan dan prinsip desain versi lengkapnya ada di graph.md, di sini hanya diberi satu kalimat «ini apa, kapan dipakai».
Angka Besar Data tw-figure
Jenis paling sederhana sekaligus paling berdaya dorong: menaruh satu angka dramatis sebesar-besarnya, konteks sebelum-sesudah menceritakan satu transformasi. Cocok jadi «statistik palu» pembuka artikel.
Data Group tw-stat
Saat sebuah paragraf berisi tiga hingga empat angka kunci berdampingan, alih-alih menulisnya sebagai satu kalimat panjang, lebih baik menyusunnya menjadi deretan kartu, agar pembaca bisa melihat sekilas semuanya.
Modul editor berisi data (grup data, kartu perbandingan, sumbu kebijakan) sama seperti modul grafik harus diberi label Sumber:. Audit seluruh situs Juli 2026 menemukan, modul yang dipantau gerbang otomatis memiliki tingkat penandaan sumber 100%, sedangkan yang tidak dipantau justru adalah ketiga modul berfrekuensi tinggi ini, empat puluh persen contohnya tanpa penandaan sumber. Sekarang mereka juga masuk ke gerbang viz-health.
Kartu Perbandingan tw-versus
Perbandingan titik per titik antara dua sistem, dua posisi, atau dua kondisi sebelum-sesudah. Warna hangat di kiri, warna dingin di kanan, satu "vs" di tengah, memungkinkan perbedaan dibaca baris per baris.
Batang Proporsi tw-bars
Perbandingan atau peringkat nilai untuk sedikit kategori, panjang batang horizontal akan otomatis diskalakan sesuai nilai, nilai maksimum memenuhi lebar. Ingat tambahkan baris Sumber: di akhir modul data, akan otomatis menjadi keterangan sumber di bawah.
Diagram Waffle tw-waffle
Komposisi proporsi bagian terhadap keseluruhan, seratus kotak mewakili seratus persen, lebih intuitif dari diagram pai—Anda benar-benar bisa menghitung kotaknya. Cocok untuk data "masing-masing kategori berapa persen" yang jumlahnya kira-kira 100.
Sumbu Kebijakan tw-timeline
Alur titik-titik kunci sistem atau kebijakan, dihubungkan dengan sumbu waktu titik. Perhatikan ini adalah "bantuan visual", berbeda dengan aturan judul kecil badan teks yang tidak boleh menggunakan gaya kronologis ("1975..." sebagai judul).
Kartu Kutipan tw-quote
Saat satu kalimat saja bisa mewakili ketegangan inti seluruh artikel, perbesarkan menjadi kartu kutipan. Kutipan tidak perlu ditambah「」 sendiri, modul akan menambahkannya. Kutipan harus kata per kata, dapat diverifikasi.
Rumah harga pasar 30 juta yuan, jadi 60 hingga 70 juta yuan…… merampok miskin untuk kaya, negara mengeluarkan uang membantu orang kaya renovasi rumah
Chip Sumber tw-source
Mengumpulkan sumber data sebuah analisis menjadi satu chip yang tidak mencolok, diletakkan di sisi paragraf. Kepercayaan adalah bagian dari kurasi—media digital Taiwan sering lupa menandai sumber, inilah tempat kita bisa berbedaan.
Platform Informasi Properti Kementerian Dalam Negeri, Pendaftaran Harga Transaksi Nyata, Pusat Penelitian Properti Universitas Chengchi, Berita Resmi Yuan Legislatif, Otoritas Perumahan Hong Kong
Kotak Penjelasan tw-note
Separuh kepercayaan artikel data ada pada "bagaimana Anda menghitungnya". Jurnalis di jurnalisme data menggunakan blok [Penjelasan] untuk menjelaskan metode perhitungan, menggunakan (Catatan) untuk menandai koreksi, kami jadikan konvensi ini menjadi modul. Baris pertama tulis Penjelasan/Metode/Catatan/Koreksi/Pembaruan salah satunya, sisanya setiap baris menjadi paragraf tersendiri.
Grafik Garis tw-line
Tren untuk empat atau lebih titik waktu, digambarkan sebagai garis menggunakan SVG inline, batas atas dan bawah sumbu y ditampilkan agar pembaca dapat melihat rentangnya. Yang paling penting——komponen ini secara otomatis menghasilkan tabel data tersembunyi, memungkinkan pembaca layar dan perayap AI mengakses data mentah. Grafik untuk manusia, tabel untuk mesin, keduanya bersumber dari data yang sama.
| Tahun | Nasional |
|---|---|
| 2014 | 8.41 |
| 2016 | 9.32 |
| 2018 | 8.57 |
| 2020 | 9.2 |
| 2022 | 9.61 |
| 2024 | 10.76 |
| Baseline: Titik Awal 2014 | 8.41 |
| Sumber: Pusat Penelitian Properti Universitas Chengchi, Platform Informasi Properti Kementerian Dalam Negeri |
Grafik garis juga mendukung garis baseline: menambahkan baris Baseline: Label | Nilai akan digambarkan sebagai garis putus-putus, tanpa titik akhir, hanya dengan satu label, terpisah secara visual dari deretan pengukuran aktual. Pembaca tidak akan salah mengira suatu ambang batas tetap sebagai data yang diukur.
Grafik Kemiringan tw-slope
Ketika Anda hanya memiliki "dua titik waktu", grafik garis akan membuang ruang kosong di tengah. Grafik kemiringan langsung membiarkan kemiringan garis yang menghubungkan kedua ujungnya berbicara, siapa yang naik paling tajam, siapa yang mengejar siapa, terlihat sekilas. Menambahkan * di awal label dapat menonjolkan baris tertentu, baris lainnya otomatis menjadi abu-abu sebagai konteks.
| 2014 | 2024 | |
|---|---|---|
| Nasional | 8.41 | 10.76 |
| Taipei | 12.0 | 16.60 |
Peta Panas tw-heatmap
Perbandingan matriks wilayah×indikator, atau tahun×kategori. Setiap kolom dinormalisasi secara terpisah menjadi kedalaman warna, semakin besar angka semakin hangat. Komponen ini sendiri adalah tabel HTML, sehingga secara alami dapat dibaca AI——inilah mengapa peta panas di sistem kami unggul dibanding "hanya sebuah gambar berwarna".
| Kabupaten/Kota | Rasio Harga Rumah terhadap Pendapatan (kali) | Tingkat Beban KPR (%) |
|---|---|---|
| Taipei | 16.60 | 63.9 |
| Hsinpei | 13.03 | 56.9 |
| Taichung | 11.11 | 48.0 |
| Taoyuan | 9.0 | 40.0 |
| Sumber: Platform Informasi Properti Kementerian Dalam Negeri | – | – |
tw-dot
Diagram batang membandingkan "kuantitas", diagram titik melihat "distribusi": semua titik jatuh pada skala yang sama, Anda bisa melihat siapa yang berkumpul bersama, siapa yang merupakan nilai pencilan (outlier). Satu nilai per baris disebut dot strip; diberikan dua nilai akan digambar sebagai interval "dari sini ke sana"; diberikan tiga nilai (estimasi titik | batas bawah | batas atas) akan digambar seperti survei "estimasi titik + pita ketidakpastian". Kesalahan pengambilan sampel ±3% tidak boleh diabaikan, ini adalah kejujuran yang paling sering dilanggar di tahun pemilu. * juga bisa digunakan untuk penekanan.
tw-stack
Diagram kotak (waffle chart) cocok untuk komposisi "satu kesatuan"; batang bertumpuk cocok untuk membandingkan komposisi di beberapa baris—setiap baris dinormalisasi otomatis menjadi 100%, segmen yang cukup lebar akan menampilkan nilainya langsung di blok warna.
| Referendum | Setuju | Tidak Setuju |
|---|---|---|
| 2018 Nuklir untuk Hijau | 59 | 41 |
| 2021 Restart NPP-4 | 47 | 53 |
| 2025 Perpanjangan Operasi NPP-3 | 74 | 26 |
| Sumber: Hasil resmi penilaian tiga referendum Komisi Pemilihan Umum Pusat |
Piramida tw-pyramid
Diagram batang back-to-back, dengan dua sisi masing-masing mewakili satu kelompok, berbagi label di tengah, adalah visualisasi klasik dalam demografi. Di sini digunakan untuk melihat «kepala berat kaki ringan» enam kabupaten/kota: sisi kiri adalah anak-anak, sisi kanan adalah lansia, membandingkan kedua sisi, penuaan tidak lagi hanya persentase abstrak.
Peta Ubin tw-tiles
Peta choropleth Taiwan memiliki dua masalah lama: luasnya Hualien dan Taitung mencuri bobot visual, bentuk Taiwan hasil gambaran tangan AI sering kali "di antara zaitun dan kentang". Peta ubin menyusun 22 kabupaten/kota menjadi ubin berukuran sama (tata letak tertulis keras di sistem, mengikuti posisi relatif nyata), setiap ubin memiliki bobot yang sama, angka ditulis langsung di atas ubin. Bentuk selalu benar, karena pada dasarnya tidak menggambar bentuk.
Peta Isotip tw-iso
"174.891 rumah tangga" adalah angka yang dibaca lalu dilupakan; sembilan titik yang bisa dihitung jari bukan. Peta isotip mengubah angka besar menjadi "satu simbol = berapa banyak" unit yang dapat dihitung, ini adalah cara berpikir pelapor saat membuat liputan perikanan samudra: mengubah angka masif yang tidak terasa, menjadi unit yang terasa oleh masyarakat. Simbol hanya menggunakan bilangan bulat (tidak memotong setengah), nilai presisi ditulis di samping.
● ≈ 1
Busur Kursi tw-arc
Komposisi kursi parlemen memiliki visualisasi khusus: setengah lingkaran titik, satu kursi satu titik, partai disusun berurutan membentuk busur berkelanjutan. Diagram pai membandingkan sudut (mata manusia tidak mahir), busur kursi memungkinkan Anda menghitung titik langsung, garis mayoritas digambar tepat di posisinya. Di sini digunakan hasil Pemilu Legislatif 2024: 113 kursi, tiga partai tidak mencapai mayoritas, garis putus-putus itulah yang menjadi titik awal tarik tambang pembubaran massal kemudian. Perhatikan ini adalah diagram parlemen: jenis pemilihan "satu daerah satu pemenang" seperti 22 gubernur, seharusnya menggunakan peta ubin kabupaten/kota di atas.
| Nilai | |
|---|---|
| KMT | 52 |
| DPP | 51 |
| Partai Rakyat Taiwan | 8 |
| Independen | 2 |
Grid Kecil Violin tw-multiples
Menyisipkan lima garis dalam satu grafik akan membuat garis-garis tersebut berkelit seperti spageti; small multiples memisahkan setiap garis ke dalam sel kecilnya masing-masing, semua sel menggunakan skala yang sama, sehingga bentuk-bentuknya dapat dibandingkan. Di sini menggunakan rasio perawat-pasien tiga shift: heatmap (di atas) memberikan matriks yang presisi, small multiples memberikan bentuk "setiap level naik ke malam hari, level dasar naik paling curam". Data yang sama, pertanyaan yang berbeda, pilih grafik yang berbeda.
| Nilai | ||
|---|---|---|
| Rumah Sakit Pusat Medis | Shift Pagi | 6 |
| Rumah Sakit Pusat Medis | Shift Sore | 9 |
| Rumah Sakit Pusat Medis | Shift Malam | 11 |
| Rumah Sakit Regional | Shift Pagi | 7 |
| Rumah Sakit Regional | Shift Sore | 11 |
| Rumah Sakit Regional | Shift Malam | 13 |
| Rumah Sakit Distrik | Shift Pagi | 10 |
| Rumah Sakit Distrik | Shift Sore | 13 |
| Rumah Sakit Distrik | Shift Malam | 15 |
Cara Menggunakan Modul-modul Ini
Setiap modul ditulis sebagai blok ```tw-* di dalam Markdown artikel, menggunakan | untuk memisahkan kolom, dan secara otomatis diubah menjadi tampilan di atas saat dibangun—penulis tidak perlu menulis HTML atau JavaScript apa pun. Sintaks lengkap, kapan menggunakan jenis mana, cara mengatur warna dan sumbu agar tidak menyesatkan, serta daftar pemeriksaan visualisasi sebelum publikasi, semuanya ada di graph.md。
Sistem ini terinspirasi dari falsafah editorial media narasi visual The Pudding—masalah mendahului data, kesimpulan harus jelas, anotasi adalah protagonista—namun berkembang menjadi organ yang cocok untuk Taiwan.md: statis, multibahasa, dan dapat dibaca AI. Konteks desain lengkapnya tertulis di Laporan Desain Sistem Visualisasi。
Untuk melihat bagaimana modul-modul ini disisipkan ke dalam narasi artikel mendalam yang nyata, baca Perumahan Nasional dan Keadilan Tempat Tinggal—kebanyakan data di halaman ini berasal dari penelitian artikel tersebut。
Sistem ini pun berkembang
Halaman yang Anda lihat ini, adalah hasil tiga putaran evolusi. Karena halaman ini membahas garis waktu, gunakan modul kebijakan untuk menceritakan sejarahnya sendiri:
Fokus putaran ketiga sebenarnya bukan grafik baru, melainkan pemeriksaan diri yang jujur. Audit seluruh situs menemukan: modul yang diawasi gerbang otomatis, tingkat penandaan sumber 100%; tiga modul frekuensi tinggi yang tidak diawasi, empat puluh persen tanpa sumber. Aturan tertulis di panduan editor dua bulan, perilaku却 sepenuhnya mengikuti bentuk instrumen, jadi kali ini instrumen disamakan lebarnya dengan aturan. Putaran yang sama juga menangkap string sistem di halaman Inggris, Jepang, Korea semuanya dirender ke bahasa China, bahkan satu karakter China tersederhana tercampur di tag aksesibilitas tak ada yang sadar. Bagi sistem yang mengklaim "biarkan LLM membaca data Taiwan di enam bahasa", sudut-sudut ini lebih penting dari fitur baru.
Penelitian terbaru juga mendukung jalur ini: akurasi AI multimodal merekonstruksi nilai grafik dari gambar tidak andal, node teks-lah yang benar-benar dibaca stabil mesin. Inilah alasan diagram bata menuliskan angka langsung di bata, setiap grafik dilengkapi tabel data tersembunyi. Proses penelitian lengkap dan keputusan desain, tertulis di Laporan Penelitian Mendalam dan Implementasi Sistem Visualisasi v3.0.
Bacaan Lanjutan:
- Perumahan Nasional dan Keadilan Tempat Tinggal — Cerita lengkap di balik data tempat tinggal ini: bagaimana perumahan nasional dari rumah murah jadi tangga aset, sumber data mayoritas modul halaman ini
- Melihat 22 Kabupaten/Kota Taiwan dengan Data — Data penuaan untuk diagram titik, piramida, diagram bata kabupaten/kota halaman ini semuanya dari analisis lengkap 22 kabupaten/kota artikel itu
- Diskusi Taiwan dan Energi Nuklir — Cerita lengkap tiga referendum batang bertumpuk itu: menang debat, kalah sistem
- Undang-Undang Kesehatan — Cerita lengkap angka rasio perawat-pasien tiga shift grid kelipatan kecil itu: undang-undang bisa tulis mengurus berapa tempat tidur, tak bisa tulis apakah ada sepasang tangan itu
- Pemecatan Massal — Lanjutan garis putus-putus mayoritas busur kursi itu: dewan legislatif tiga partai tak mayoritas bagaimana sampai 37 kasus pemecatan
- Krisis Fertilitas Rendah Taiwan — Beli tidak mampu rumah dan lahirkan tidak mampu anak, sisi lain keadilan generasi
Sumber Gambar
Artikel ini menggunakan 1 gambar lisensi CC, cache di public/article-images/society/:
- Horizon Perumahan Kota Taipei (Perspektif Gajah) — Foto: Heeheemalu, 2026, CC BY-SA 4.0 (hero)
Referensi
🧬 寫這篇文章時，Semiont 在想什麼