Giải thích các loại biểu đồ

Data Race cung cấp chín chế độ biểu đồ riêng biệt cho mỗi tập dữ liệu, cộng thêm bảng dữ liệu để có số liệu chính xác. Mỗi chế độ làm nổi bật một khía cạnh khác nhau của dữ liệu — xếp hạng, xu hướng, thành phần, mô hình địa lý, quỹ đạo xếp hạng, dòng chảy của toàn bộ, hoặc so sánh trực tiếp độ lớn. Hướng dẫn này giải thích từng hình ảnh trực quan hiển thị gì, cách đọc và khi nào nó hữu ích nhất.

Bar Chart Race

Bar chart race là biểu đồ đặc trưng của Data Race. Nó hiển thị các thực thể được xếp hạng dưới dạng các thanh ngang, với thanh dài nhất đại diện cho giá trị cao nhất. Khi hoạt ảnh chạy, các thanh di chuyển lên xuống để phản ánh thay đổi xếp hạng, tạo ra hiệu ứng cuộc đua năng động. Mỗi thanh được mã màu và gắn nhãn tên thực thể, cờ (cho quốc gia) và giá trị hiện tại.

Khi nào dùng: Sử dụng bar chart race khi bạn muốn xem xếp hạng thay đổi như thế nào theo thời gian. Nó đặc biệt hiệu quả để so sánh số lượng thực thể vừa phải (10-20) và phát hiện sự tăng giảm đột biến.

Độ dài thanh đại diện cho giá trị — thanh dài hơn có nghĩa là giá trị cao hơn
Vị trí thanh cho thấy xếp hạng — thanh đầu tiên là hạng #1
Chuyển đổi mượt mà giữa các giai đoạn cho thấy sự thay đổi xếp hạng
Màu sắc nhất quán cho mỗi thực thể trong suốt hoạt ảnh

Bump Chart

Bump chart vẽ thứ hạng của mỗi thực thể theo thời gian trên trục 1..N, với thứ hạng #1 ở trên cùng. Các đường đi lên và xuống mỗi khi thứ hạng thay đổi, và các điểm giao nhau đánh dấu khoảnh khắc vượt qua. Trọng tâm là thứ tự, không phải giá trị tuyệt đối — cuộc đua sát nút vào vị trí #1 trông giống nhau dù khoảng cách là một đô la hay một nghìn tỷ. Các thực thể được ghim được vẽ với đường sáng hơn và vầng hào quang xung quanh điểm.

Khi nào dùng: Sử dụng bump chart khi thứ tự xếp hạng là câu chuyện — bảng huy chương Olympic, 10 nền kinh tế hàng đầu qua một thế kỷ, bảng xếp hạng với vị trí thay đổi thường xuyên. Đây là góc nhìn rõ ràng nhất về ai vượt qua ai và khi nào.

Trục Y là thứ hạng: #1 ở trên cùng, #N ở dưới cùng
Đường đi xuống hoặc lên cho thấy thực thể đó đang mất hoặc tăng vị trí
Hai đường giao nhau = một thực thể vượt qua thực thể khác trong giai đoạn đó
Các đường nằm ngang phẳng có nghĩa là thứ hạng giữ nguyên
Các thực thể ngoài top-N hiển thị sẽ xuất hiện dưới dạng chip ở cạnh dưới

Line Chart

Line chart vẽ giá trị của mỗi thực thể theo thời gian dưới dạng một đường liên tục. Tất cả các thực thể được hiển thị trên cùng một trục, giúp dễ dàng so sánh xu hướng dài hạn. Biểu đồ làm nổi bật giai đoạn hiện tại bằng một điểm đánh dấu dọc, và bạn có thể di chuột qua bất kỳ điểm nào để xem giá trị chính xác. Các thực thể được ghim được nhấn mạnh bằng đường dày hơn trong khi các thực thể khác mờ dần vào nền.

Khi nào dùng: Sử dụng line chart khi bạn muốn theo dõi xu hướng theo thời gian, so sánh quỹ đạo tăng trưởng hoặc xác định các điểm giao nhau nơi một thực thể vượt qua thực thể khác.

Trục Y hiển thị thang giá trị, trục X hiển thị các giai đoạn thời gian
Mỗi đường đại diện cho một thực thể — theo dõi một đường để xem quỹ đạo của nó
Độ dốc lớn hơn cho thấy tăng trưởng hoặc giảm nhanh hơn
Các đường giao nhau cho thấy sự thay đổi xếp hạng giữa các thực thể

Streamgraph

Streamgraph xếp chồng giá trị thô của mỗi thực thể dưới dạng các dải màu xung quanh đường cơ sở trung tâm, mở rộng đối xứng lên và xuống. Tổng chiều cao tại bất kỳ thời điểm nào bằng giá trị kết hợp của tất cả thực thể, vì vậy bạn thấy thành phần VÀ tổng độ lớn cùng một lúc. Khi phát, dòng chảy vào từ bên trái — các dải xuất hiện, phình to và tái cân bằng trong một khối hữu cơ. Tốt nhất với các bộ dữ liệu tăng trưởng đơn điệu khi bức tranh tổng thể là câu chuyện.

Khi nào dùng: Sử dụng streamgraph khi bạn muốn cảm nhận toàn bộ phát triển như một hình dạng chảy duy nhất — GDP thế giới bùng nổ trong khi các vùng tái cân bằng, hệ sinh thái OSS mở rộng trong khi thư viện mới thay thế thư viện cũ, vốn hóa thị trường tăng trong khi các lĩnh vực luân chuyển.

Độ dày của dải tại bất kỳ điểm nào = giá trị thô của thực thể đó tại giai đoạn đó
Tổng chiều cao biểu đồ = tổng của tất cả thực thể hiển thị (Top-N + Khác)
Các dải mở rộng từ bên trái khi hoạt ảnh phát — cạnh dẫn đầu là khoảnh khắc hiện tại
Trung tâm giữ nguyên tại y=0; biểu đồ phát triển đối xứng lên và xuống
Cờ xuất hiện bên trong mỗi dải; dải mỏng thu nhỏ thành một lát màu

Pie Chart

Pie chart hiển thị thành phần giá trị cho một giai đoạn thời gian duy nhất. Mỗi lát đại diện cho tỷ lệ của một thực thể trong tổng số. Khi hoạt ảnh chạy, kích thước lát điều chỉnh để phản ánh tỷ lệ thay đổi. Biểu đồ có nhiều thông tin nhất khi một vài thực thể lớn chiếm ưu thế trong tổng số, tiết lộ các mô hình tập trung hoặc đa dạng hóa.

Khi nào dùng: Sử dụng pie chart khi bạn muốn hiểu tỷ lệ mỗi thực thể nắm giữ trong tổng số — ví dụ, quốc gia nào tạo ra nhiều CO₂ nhất hoặc có tỷ lệ GDP lớn nhất.

Kích thước lát đại diện cho tỷ lệ của thực thể trong tổng số
Di chuột qua lát để xem tỷ lệ phần trăm và giá trị chính xác
Các lát nhỏ được nhóm thành 'Khác' để duy trì khả năng đọc
Theo dõi các lát tăng trưởng hoặc thu hẹp theo thời gian để phát hiện sự thay đổi thống trị

Bản đồ cây

Bản đồ cây chia khu vực biểu đồ thành các hình chữ nhật, mỗi hình có kích thước tỷ lệ với giá trị của một thực thể — giá trị càng lớn, hình chữ nhật càng lớn. Thuật toán d3-treemapResquarify giữ các hình vuông vắn trong suốt các giai đoạn, do đó các hình chữ nhật trượt và thay đổi kích thước một cách mượt mà thay vì sắp xếp lại một cách hỗn loạn. Các thực thể đuôi dài dưới top-N sẽ co lại thành một ô 'Khác' và phát triển, thu nhỏ cùng với phần còn lại.

Khi nào dùng: Sử dụng bản đồ cây khi câu chuyện là 'mỗi thực thể chiếm bao nhiêu phần trăm tổng số' và bạn muốn mọi thực thể được đóng gói vào một khung duy nhất — không cuộn, không chia thành các chế độ xem riêng biệt.

Diện tích hình chữ nhật tỷ lệ với giá trị của thực thể
Hình chữ nhật lớn nhất là hạng #1 — thường được neo vào phía trên bên trái
Các hình dạng giữ nguyên hình vuông khi bố cục cập nhật giữa các giai đoạn, duy trì khả năng đọc
Các ô dưới top-N tập hợp thành một hình chữ nhật 'Khác'
Cờ, tên và giá trị nằm bên trong mỗi hình chữ nhật; các ô mỏng sẽ bỏ cờ để vừa

Bản đồ choropleth

World map tô màu các quốc gia theo giá trị của họ bằng thang màu liên tục. Màu sắc tối hơn hoặc đậm hơn cho thấy giá trị cao hơn. Bản đồ cung cấp cái nhìn tổng quan địa lý ngay lập tức, làm nổi bật các mô hình và cụm khu vực khó thấy trong các loại biểu đồ khác. Di chuột qua bất kỳ quốc gia nào để xem tên, giá trị và xếp hạng.

Khi nào dùng: Sử dụng world map khi địa lý quan trọng — để xác định các cụm khu vực, so sánh các nước láng giềng hoặc xem một biến phân bố như thế nào trên các lục địa.

Cường độ màu sắc tương ứng với giá trị — kiểm tra chú thích để biết thang đo
Các quốc gia màu xám không có dữ liệu cho giai đoạn được chọn
Các mô hình khu vực (ví dụ: cụm châu Âu) dễ dàng nhận thấy
Di chuột để xem giá trị chính xác; nhấp để ghim quốc gia để so sánh

Bản đồ bong bóng

Bản đồ bong bóng là bản đồ ký hiệu tỷ lệ: mỗi thực thể được vẽ dưới dạng một vòng tròn được ghim vào tâm quốc gia (hoặc khu vực) của nó, với bán kính của vòng tròn tỷ lệ với giá trị. Vị trí không bao giờ di chuyển — chỉ có bán kính và màu sắc hoạt hình. Kết quả là một bức ảnh địa lý phát triển và thu nhỏ tại chỗ khi thời gian trôi qua, giúp dễ dàng nhìn thấy cả 'ở đâu' và 'lớn đến mức nào' trong một chế độ xem.

Khi nào dùng: Sử dụng bản đồ bong bóng khi bạn muốn một hình ảnh duy nhất kết hợp địa lý với độ lớn — ví dụ: theo dõi vốn hóa thị trường tập trung ở một vài thành phố ven biển Hoa Kỳ trong khi các bong bóng nhỏ hơn sáng lên khắp châu Á và châu Âu.

Vị trí vòng tròn được cố định tại tâm của mỗi quốc gia
Bán kính vòng tròn tỷ lệ với giá trị ở giai đoạn hiện tại
Giá trị được căn giữa bên trong vòng tròn (không có cờ — vị trí xác định thực thể)
Màu sắc tuân theo bảng màu danh mục của thực thể, mờ dần khi nó rời khỏi top-N
Các giai đoạn không có dữ liệu sẽ không hiển thị vòng tròn cho thực thể đó

Bong bóng

Biểu đồ bong bóng đóng gói từng thực thể dưới dạng một vòng tròn nổi tự do có kích thước theo giá trị, với d3-force giải quyết các va chạm để các vòng tròn tập trung chặt chẽ mà không chồng chéo. Bố cục gói được tính toán lại theo từng giai đoạn và được nội suy giữa các giai đoạn liền kề để hoạt hình mượt mà. Không có trục — vị trí không mang ý nghĩa định lượng; chỉ có kích thước. Thang √(value) toàn cầu giữ cho thực thể lớn nhất luôn là lớn nhất khi dữ liệu phát triển.

Khi nào dùng: Sử dụng biểu đồ bong bóng khi bạn muốn so sánh độ lớn thuần túy, thoát khỏi các trục và địa lý — lý tưởng để xem 'cái nào lớn hơn và lớn hơn bao nhiêu' trong số các thực thể top-N trong nháy mắt.

Bán kính vòng tròn tỷ lệ với √(value) — thực thể lớn nhất có vòng tròn lớn nhất
Vị trí chỉ mang tính trang trí; các vòng tròn trôi nhưng vị trí pixel của chúng không có ý nghĩa giá trị
Cờ nằm ở 18px khi có đủ không gian; ẩn trong các vòng tròn nhỏ hơn 4px
Chế độ tổng hợp (khu vực/nhóm) căn giữa giá trị mà không có cờ
Màu sắc tuân theo bảng màu danh mục của thực thể

Bảng dữ liệu

Bảng dữ liệu trình bày tất cả các giá trị trong một lưới có thể sắp xếp và cuộn. Mỗi hàng hiển thị một thực thể với xếp hạng, tên, giá trị, tỷ lệ toàn cầu và thay đổi so với năm trước. Không giống như các biểu đồ động, bảng hiển thị các con số chính xác, làm cho nó lý tưởng để so sánh chi tiết và xác minh dữ liệu. Sắp xếp theo bất kỳ cột nào để tìm người dẫn đầu, các thực thể di chuyển nhiều nhất hoặc các thực thể cụ thể.

Khi nào dùng: Sử dụng bảng dữ liệu khi bạn cần số liệu chính xác thay vì ấn tượng trực quan — để kiểm tra dữ kiện, so sánh chi tiết hoặc xuất dữ liệu để phân tích thêm.

Sắp xếp theo cột 'Giá trị' để xem các mục cao nhất hoặc thấp nhất
Cột 'Thay đổi' cho thấy tăng trưởng hoặc sụt giảm từ giai đoạn trước
Sử dụng cột 'Tỷ lệ' để so sánh phần của mỗi thực thể trong tổng số toàn cầu
Tải xuống bảng dưới dạng CSV để sử dụng trong bảng tính hoặc nghiên cứu

Chọn biểu đồ phù hợp

Mỗi loại biểu đồ trả lời một câu hỏi khác nhau. Biểu đồ Cột trả lời 'Ai đang thắng lúc này?' Biểu đồ Xếp hạng trả lời 'Ai đã vượt qua ai trong bảng xếp hạng?' Biểu đồ Đường trả lời 'Mỗi giá trị đã phát triển như thế nào?' Biểu đồ luồng trả lời 'Toàn bộ chảy như một thể thống nhất như thế nào?' Biểu đồ Tròn trả lời 'Mỗi phần nắm giữ bao nhiêu vào thời điểm này?' Bản đồ cây trả lời 'Mỗi phần chiếm bao nhiêu phần trăm tổng số?' Bản đồ choropleth trả lời 'Giá trị cao nhất về mặt địa lý ở đâu?' Bản đồ bong bóng trả lời 'Lớn đến mức nào — và ở đâu?' Biểu đồ Bong bóng trả lời 'Độ lớn thô so sánh như thế nào?' Và bảng trả lời 'Các số liệu chính xác là gì?' Chuyển đổi giữa các chế độ xem trên cùng một tập dữ liệu mang lại cho bạn một bức tranh hoàn chỉnh về dữ liệu từ nhiều góc độ.

Xếp hạng và cạnh tranh → Cột
Quỹ đạo xếp hạng và vượt qua → Xếp hạng
Xu hướng và quỹ đạo dài hạn → Đường
Thành phần chảy theo thời gian → Biểu đồ luồng
Chia sẻ tại một thời điểm → Tròn
Tất cả các thực thể được đóng gói vào một khung → Bản đồ cây
Mô hình địa lý → Bản đồ choropleth
Địa lý + độ lớn trong một chế độ xem → Bản đồ bong bóng
So sánh độ lớn thuần túy → Bong bóng
Giá trị chính xác và xuất → Bảng dữ liệu