Danh sách mô-đun hình ảnh hoá: mười chín cách nhìn thấy dữ liệu Đài Loan

Tổng quan 30 giây: Trang này là "ví dụ sống động" của hệ thống hình ảnh hoá Taiwan.md — render mười chín mô-đun hình ảnh hoá bài viết, tất cả đều sử dụng dữ liệu thực Đài Loan (tỷ lệ giá nhà so với thu nhập, nhà ở công, già hoá dân số, trưng cầu ý dân, tỷ lệ điều dưỡng, ghế ngồi quốc hội). Nó là bạn đôi của hướng dẫn biên tập graph.md: graph.md giải thích "khi nào dùng loại nào, làm cách nào là tốt, cú pháp viết thế nào", trang này cho bạn thấy trực tiếp "nó trông như thế nào". Mỗi mô-đun đều được render bằng HTML/SVG thuần túy, vì vậy con người, trình đọc màn hình, Google, bot AI đều đọc được cùng một bộ dữ liệu — đây chính là lý do tại sao chúng tôi chọn hình ảnh hoá tĩnh thay vì biểu đồ tương tác.

Khi viết một bài báo nói về số liệu, điều đáng sợ nhất là biến dữ liệu thành những đoạn văn xếp chồng số liệu, độc giả đọc tới phần trăm thứ ba rồi đầu óc trống rỗng. Công việc hình ảnh hoá là chuyển đổi "một đoạn văn bản dày đặc số liệu" thành "một cấu trúc có thể đọc được trong một thoáng".

Nhưng hình ảnh hoá của Taiwan.md có một nguyên tắc mà không ai khác có: chúng tôi chỉ thực hiện "hình ảnh hoá mà cả LLM cũng có thể đọc được". Một biểu đồ tương tác được vẽ bằng D3 hoặc Canvas rất ấn tượng, nhưng GPTBot, PerplexityBot, ClaudeBot — những bot AI này không chạy JavaScript, nên với chúng biểu đồ đó chỉ là một khoảng trắng trống. Nhưng các biểu đồ mà chúng tôi làm bằng HTML ngữ nghĩa và inline SVG, dữ liệu nằm ngay trong mã nguồn, AI có thể đọc được và trích dẫn được dữ liệu ngôi thứ nhất của Đài Loan trong sáu ngôn ngữ. Hình ảnh hoá mà LLM có thể đọc được, chính là hình ảnh hoá về chủ quyền.

Dưới đây mười chín mô-đun, từ mô-đun "một con số lớn" đơn giản nhất đến "bản đồ gạch tạo tác sau lưng" "vòng cung ghế ngồi", được trình bày theo thứ tự. Cách viết cú pháp và nguyên tắc thiết kế đầy đủ nằm trong graph.md, ở đây chỉ có một câu "đây là gì, khi nào dùng".

Số Đại Đài tw-figure

Đơn giản nhất nhưng hiệu lực nhất: đặt một con số gây chú ý ở kích cỡ lớn nhất, so sánh trước và sau để kể một câu chuyện chuyển đổi. Phù hợp là "sledgehammer stat" mở đầu.

Nhóm Dữ liệu tw-stat

Khi một đoạn văn bản nhét ba bốn con số quan trọng song song, thay vì viết thành một câu dài, không tốt hơn đặt thành một hàng thẻ, để độc giả quét qua ngay lập tức.

Các mô-đun biên tập chứa dữ liệu (nhóm dữ liệu, thẻ đối lập, trục chính sách) giống như các mô-đun biểu đồ vậy cần gắn nhãn Nguồn:. Kiểm toán toàn bộ trang vào tháng 7/2026 phát hiện, các mô-đun được cân nhắc bởi cổng chỉ động tự động, tỷ lệ chú thích nguồn là 100%, ba mô-đun tần số cao không được cân nhắc lại có tỷ lệ 40% thiếu. Bây giờ chúng cũng bị kẹt vào cổng viz-health.

Thẻ Đối lập tw-versus

Hai chế độ, hai lập trường, hoặc hai trạng thái trước và sau được so sánh từng điểm. Bên trái màu ấm, bên phải màu lạnh, giữa một "vs", để độc giả đọc từng hàng hiệu quả.

Thanh Tỷ lệ tw-bars

So sánh giá trị hoặc xếp hạng của ít loại hạng, độ dài của thanh ngang sẽ tự động co giãn theo giá trị, giá trị lớn nhất dãn ra hết. Hãy nhớ thêm một hàng Nguồn: vào cuối mô-đun dữ liệu, nó sẽ tự động trở thành chú thích nguồn bên dưới.

Biểu Đồ Hình Vuông tw-waffle

Thành phần của một phần so với toàn thể, một trăm hình vuông đại diện cho 100%, trực quan hơn biểu đồ tròn — bạn có thể thực sự đếm các hình vuông. Phù hợp cho dữ liệu "mỗi loại chiếm bao nhiêu" cộng lại khoảng 100.

Trục Chính Sách tw-timeline

Các nút chính của chế độ hoặc chính sách, được kết nối bằng trục thời gian của các nút. Lưu ý đây là "hỗ trợ hình ảnh hoá", khác với tiêu đề phụ bài không thể dùng kiểu "Năm 1975…" làm tiêu đề.

Thẻ Trích Dẫn tw-quote

Khi một câu có thể đại diện cho toàn bộ căng thẳng cốt lõi của bài viết, hãy phóng to nó thành thẻ trích dẫn. Không cần tự thêm dấu ngoặc kép, mô-đun sẽ thêm vào. Trích dẫn phải là từ chữ, có thể kiểm chứng được.

Thanh Nguồn tw-source

Tập trung dữ liệu từ một phân tích thành một chip tối giản, để bên cạnh một đoạn văn. Độ tin cậy là một phần của cải tạo — các phương tiện đa phương tiện kỹ thuật số Đài Loan thường quên gắn nhãn nguồn, đây là nơi chúng tôi có thể làm khác biệt.

⌖Nền tảng Thông tin Bất động sản của Bộ Nội vụ, thực giá được đăng ký, Trung tâm Nghiên cứu Bất động sản Đại học Chính trị Quốc gia Đài Loan, Báo quốc hội, Ủy ban Nhà ở Hồng Kông

Hộp Giải Thích tw-note

Độ tin cậy của bài báo dữ liệu có một nửa nằm ở "cách bạn tính toán". Đơn vị báo cáo sử dụng khối【Giải Thích】để làm rõ phương pháp tính toán, dùng （Ghi chú）để đánh dấu lỗi, chúng tôi biến thành mô-đun. Hàng đầu tiên viết Giải Thích／Phương pháp／Ghi chú／Sửa chữa／Cập nhật một trong số đó, các hàng còn lại mỗi hàng là một đoạn.

Biểu Đồ Đường tw-line

Xu hướng của bốn điểm thời gian trở lên, vẽ bằng inline SVG thành đường, giới hạn trên-dưới của trục y sẽ được gắn nhãn để độc giả thấy phạm vi. Điều quan trọng nhất — nó sẽ tự động tạo ra bảng dữ liệu ẩn, để trình đọc màn hình và bot AI đọc dữ liệu gốc. Biểu đồ để người đọc, bảng để máy, cả hai cùng từ nguồn.

Biểu đồ đường cũng hỗ trợ đường cơ sở: thêm một hàng Cơ sở: nhãn | giá trị, sẽ vẽ thành đường đứt, không có điểm cuối, chỉ có một nhãn, và chuỗi được đo lường trực quan tách biệt. Độc giả sẽ không nhầm một ngưỡng cố định thành dữ liệu được đo lường.

Biểu Đồ Độ Dốc tw-slope

Khi bạn chỉ có "hai điểm thời gian", biểu đồ đường sẽ lãng phí chỗ trống giữa. Biểu đồ độ dốc cho độ dốc của đường nối hai đầu nói lên, ai tăng dữ dội, ai vượt qua ai, quét hoàn toàn một thoáng. Nhãn bắt đầu cộng * có thể nhấn mạnh một hàng, hàng còn lại tự động mòng mỏng lại thành bối cảnh.

Biểu Đồ Nhiệt tw-heatmap

So sánh ma trận khu vực × chỉ số, hoặc năm × loại. Mỗi cột được chuẩn hoá riêng lẻ thành sắc thái màu, con số càng lớn càng ấm áp. Nó tự nó là một bảng HTML, nên trời sinh là AI có thể đọc được — đây cũng là lý do tại sao bản đồ nhiệt trong hệ thống của chúng tôi tốt hơn "một bức ảnh màu".

Biểu Đồ Chấm tw-dot

Biểu đồ cột so sánh "lượng", biểu đồ chấm xem "phân bố": tất cả các chấm rơi trên cùng một thước, bạn thấy ai chặt chẽ bên nhau, ai là giá trị ngoại lệ. Mỗi hàng một giá trị là dải chấm; cho hai giá trị sẽ vẽ thành "từ đây đến đó" của khoảng cách; cho ba giá trị (ước tính điểm | giới hạn dưới | giới hạn trên) sẽ vẽ thành kiểu thăm dò "ước tính điểm + khoảng không chắc chắn". Sai số lấy mẫu ±3% không nên bị ăn hết, đây là lựa chọn trung thực phổ biến nhất thiếu trong năm bầu cử. * cũng có thể nhấn mạnh.

Thanh Xếp Chồng tw-stack

Biểu đồ hình vuông phù hợp với "một toàn thể" của thành phần; thanh xếp chồng phù hợp với so sánh thành phần qua nhiều hàng — mỗi hàng tự động chuẩn hoá thành 100%, đoạn rộng đủ sẽ trực tiếp gắn nhãn giá trị trên khối màu.

Kim Tự Tháp tw-pyramid

Thanh đối diện, bên trái và bên phải mỗi một đội quân, giữa nhãn chung, là biểu đồ kinh điển của nhân khẩu học. Ở đây dùng nó để xem sáu tỉnh thành "đầu nặng chân nhẹ": bên trái là trẻ em, bên phải là người già, hai bên so sánh, già hoá không phải là một tỷ lệ trừu tượng nữa.

Bản Đồ Gạch Tỉnh Thành tw-tiles

Bản đồ sắc độ của Đài Loan có hai vấn đề cũ: diện tích Hoa Liên Đài Đông lớn tới phủ quyền trọng lực hình ảnh hoá, hình dạng Đài Loan được AI vẽ tay thường thay đổi "giữa quả ô liu và khoai tây". Bản đồ gạch xếp 22 tỉnh thành thành các khối gạch có kích cỡ bằng nhau (bố cục cố định trong hệ thống, theo vị trí tương đối thực tế), mỗi khối gạch bằng nhau, con số ghi trực tiếp trên gạch. Hình dạng luôn đúng, vì cơ bản không vẽ hình dạng.

Biểu Đồ Đơn Vị tw-iso

"174.891 hộ" là một con số đọc xong rồi quên; chín chấm tròn có thể dùng tay đếm được không phải. Biểu đồ đơn vị chuyển đổi con số lớn thành "một ký hiệu = bao nhiêu" của đơn vị có thể đếm được, đây là tâm pháp của đơn vị báo cáo khi làm chuyên đề đánh bắt cá biển lớn: chuyển đổi con số khổng lồ vô cảm, thành đơn vị mà công chúng cảm nhận được. Ký hiệu chỉ dùng toàn bộ số (không cắt nửa), giá trị chính xác viết bên cạnh.

Vòng Cung Ghế Ngồi tw-arc

Thành phần ghế ngồi của hội nghị có chuyên dùng riêng của nó: mảng nửa hình tròn, một ghế một chấm, đảng phái xếp theo thứ tự thành quạt liên tục. Biểu đồ tròn so sánh góc (con mắt người rất không giỏi), vòng cung ghế ngồi cho bạn trực tiếp đếm chấm, đường quá nửa trực tiếp vẽ ở vị trí mà nó nên ở. Lưu ý nó là biểu đồ hội nghị: bầu cử 22 quận thống đốc kiểu "một vùng một thắng cuộc", phải dùng bản đồ gạch tỉnh thành ở dưới.

Lưới Bội Số Nhỏ tw-multiples

Một biểu đồ nhét năm dòng, dòng sẽ cuộn thành mì Ý; lưới bội số nhỏ chia mỗi dòng sang ô riêng của mình, tất cả ô chia sẻ cùng một thước, hình dạng mới có thể so sánh được với nhau. Cùng một dữ liệu, hỏi những câu hỏi khác nhau, chọn các biểu đồ khác nhau.

Cách Dùng Những Mô-đun Này

Mỗi mô-đun đều là một khối ```tw-* trong Markdown của bài viết, dùng | để tách cột, thời điểm xây dựng tự động chuyển thành những gì bạn thấy ở trên — tác giả không cần viết bất kỳ HTML hoặc JavaScript nào. Cú pháp đầy đủ, lúc nào nên dùng loại nào, cách làm cho màu sắc và trục tọa độ không gây hiểu nhầm, cùng danh sách kiểm tra hình ảnh hoá trước khi phát hành, tất cả đều trong graph.md.

Hệ thống này tham khảo triết lý biên tập của phương tiện truyền thông kể chuyện hình ảnh hoá The Pudding — câu hỏi trước dữ liệu, kết luận phải rõ ràng, chú thích là nhân vật chính — nhưng phát triển thành cơ quan thích hợp cho chính Taiwan.md: tĩnh, đa ngôn ngữ, AI có thể đọc được. Bối cảnh thiết kế đầy đủ được viết trong báo cáo thiết kế hệ thống hình ảnh hoá.

Muốn xem những mô-đun này xen kẽ như thế nào trong một bài báo sâu sắc thực tế, hãy đọc Nhà ở Công và Công Lý Nhà Ở (國宅與居住正義) — dữ liệu của trang này hầu hết đến từ bài viết đó.

Hệ Thống Này Tự Nó Cũng Đang Phát Triển

Bạn đang xem trang này, chính nó là kết quả ba vòng phát triển. Vì đây là trang nói về trục thời gian, thì dùng mô-đun trục chính sách để kể lịch sử của chính nó:

Trọng tâm của vòng thứ ba thực ra không phải là loại biểu đồ mới, mà là một lần kiểm tra chân thành của bản thân. Kiểm toán toàn bộ trang phát hiện: các mô-đun được cơ chế tự động cân nhắc, tỷ lệ chú thích nguồn 100%; không được cân nhắc ba mô-đun tần số cao, 40% không chú thích. Quy chuẩn được viết trong hướng dẫn biên tập hai tháng, hành vi hoàn toàn theo hình dạng của máy, nên lần này bổ sung máy rộng như quy chuẩn. Lần đó cũng phát hiện chuỗi hệ thống tại trang tiếng Anh, tiếng Nhật, tiếng Hàn đều render thành tiếng Trung, thậm chí một ký tự tiếng Trung giản thể bị trộn trong nhãn không có chướng ngại. Đối với hệ thống tuyên bố "cho phép LLM đọc dữ liệu Đài Loan trong sáu ngôn ngữ", những góc này quan trọng hơn tính năng mới.

Nghiên cứu gần đây cũng hỗ trợ đường này: độ chính xác của AI đa phương thức từ hình ảnh tái thiết lập dữ liệu biểu đồ không được tin cậy, nút văn bản mới là những gì máy thực sự đọc được ổn định. Chính vì vậy mà bản đồ gạch ghi con số trực tiếp trên gạch, mỗi biểu đồ đều kèm một bảng dữ liệu ẩn. Bối cảnh nghiên cứu đầy đủ và quyết định thiết kế, được viết trong báo cáo nghiên cứu sâu và triển khai hệ thống hình ảnh hoá v3.0.

Đọc thêm:

• Nhà ở Công và Công Lý Nhà Ở (國宅與居住正義) — câu chuyện đầy đủ phía sau dữ liệu nhà ở: cách nhà ở công từ nhà giá rẻ trở thành thang máy tài sản, dữ liệu của trang này hầu hết đến từ đây
• Dùng Dữ Liệu Nhìn 22 Tỉnh Thành Đài Loan (用數據看台灣22縣市) — dữ liệu já hoá của biểu đồ chấm, kim tự tháp, bản đồ gạch tỉnh thành toàn bộ đến từ phân tích 22 tỉnh thành đầy đủ của trang này
• Đài Loan Với Năng Lượng Hạt Nhân Thảo Luận (台灣與核能的討論) — câu chuyện đầy đủ ba cuộc trưng cầu trong thanh xếp chồng: thắng trong tranh luận, thua trong chế độ
• Y Học Pháp (醫療法) — câu chuyện đầy đủ của ba ca tỷ lệ chăm sóc trong lưới bội số nhỏ: pháp luật viết được chăm sóc giường bao nhiêu, không viết được có bàn tay đó hay không
• Cuộc Thu Hồi Lớn (大罷免) — theo dõi sau của vòng cung ghế ngồi: làm thế nào viện lập pháp ba đảng phái không quá nửa đi đến 31 vụ thu hồi
• Khủng Hoảng Ít Sinh Đài Loan (台灣少子化危機) — mua không được nhà và sinh không được con, phía khác của công lý giữa các thế hệ

Nguồn Gốc Hình Ảnh

Bài viết này sử dụng 1 hình ảnh được cấp phép Creative Commons, cache tại public/article-images/society/:

• Chân trời thành phố Đài Bắc (góc nhìn Tượng Sơn) — Ảnh: Heeheemalu, 2026, CC BY-SA 4.0 (hình chính)

Tài Liệu Tham Khảo