Trực quan hóa dữ liệu trong văn bản từ lâu đã là một thách thức đối với các nhà thiết kế và lập trình viên. Font chữ Sparks của Aftertheflood cung cấp một giải pháp sáng tạo bằng cách cho phép tạo các biểu đồ nhỏ trực tiếp trong văn bản sử dụng tính năng thay thế theo ngữ cảnh của OpenType. Tuy nhiên, cuộc thảo luận trong cộng đồng cho thấy cả sự đánh giá cao về mặt kỹ thuật lẫn tranh luận về định nghĩa của một sparkline thực sự.
 |
|---|
| Một biểu hiện năng động của tia lửa, tượng trưng cho cách tiếp cận đổi mới trong việc nhúng trực quan hóa dữ liệu vào trong văn bản |
Sparks Thực Sự Làm Gì
Sparks là một font chữ chuyên biệt chuyển đổi các chuỗi số như 123(30,60,90)456 thành các trực quan hóa dữ liệu nhỏ trong dòng văn bản. Font chữ này có ba biến thể: thanh (bars), chấm (dots), và đường chấm (dot-lines), mỗi loại có năm biến thể về độ đậm. Công nghệ đằng sau nó tận dụng tính năng thay thế theo ngữ cảnh của OpenType, vốn thường được sử dụng cho các ligature nhưng được tái sử dụng ở đây cho trực quan hóa dữ liệu. Cách tiếp cận này có nghĩa là các biểu đồ hoạt động mà không cần JavaScript trên web và trong các ứng dụng như Microsoft Word, Adobe Creative Cloud, và các trình duyệt hiện đại.
Tôi gọi việc triển khai dưới dạng ligature là một sự đánh đổi. Dễ dàng hơn nhiều để làm cho nó tỷ lệ với văn bản trên web khi được nhúng trực tiếp, nó sẽ khớp với màu văn bản một cách tự động, và dữ liệu số cơ bản dễ dàng truy xuất và đọc được bởi máy.
Tính năng Font Sparks
- Biến thể: Thanh, chấm, và đường chấm (biểu đồ đường với các chấm tại các điểm nối)
- Biến thể trọng lượng: 5 cho mỗi biến thể
- Tỷ lệ: Cố định thang đo 0-100
- Định dạng: Sử dụng cú pháp như
123(30,60,90)456để tạo hình ảnh trực quan - Tương thích:
- Máy tính để bàn: Microsoft Word (2010+), Apple Pages, Adobe Creative Cloud
- Web: Chrome 33+, Safari 6+, Firefox 4+, IE 10+
- Giấy phép: SIL Open Font License
Tranh Luận Về Sparkline
Một phần đáng kể trong cuộc thảo luận của cộng đồng tập trung vào việc liệu Sparks có thực sự tạo ra sparkline như được định nghĩa bởi Edward Tufte, người đã đặt ra thuật ngữ này vào năm 2006. Một số người dùng chỉ ra rằng sparkline cụ thể là các biểu đồ đường, không phải biểu đồ cột, và tham chiếu đến cuốn sách The Visual Display of Quantitative Information của Tufte như nguồn có thẩm quyền. Mặc dù Sparks có bao gồm biến thể đường chấm giống với sparkline truyền thống hơn, nhưng các ví dụ chính được hiển thị trong tài liệu của dự án lại là biểu đồ cột, dẫn đến một số nhầm lẫn.
Khả Năng Tiếp Cận và Triển Khai Kỹ Thuật
Việc triển khai kỹ thuật của Sparks liên quan đến mã OpenType phức tạp thực hiện các hoạt động thay thế trên số. Đối với biến thể đường chấm, các nhà phát triển đã phải tìm cách giải quyết giới hạn của OpenType là khoảng 3.000 dòng mã cho mỗi bảng tra cứu bằng cách triển khai quy trình thay thế nhiều giai đoạn. Điều này thể hiện cả sức mạnh và giới hạn của việc sử dụng công nghệ font cho trực quan hóa dữ liệu.
Các thành viên cộng đồng đã nhấn mạnh những lợi ích tiềm năng về khả năng tiếp cận của phương pháp này. Vì dữ liệu vẫn là văn bản với các cải tiến trực quan thông qua font chữ, trình đọc màn hình và các công nghệ hỗ trợ khác có thể truy cập các số cơ bản, không giống như một số giải pháp trực quan hóa dựa trên CSS thường thiếu các cân nhắc về khả năng tiếp cận phù hợp.
Các Phương Pháp Thay Thế và Tiền Lệ
Sparks không phải là nỗ lực đầu tiên nhằm nhúng biểu đồ vào văn bản. Các thành viên cộng đồng đã đề cập đến FF Chartwell như một giải pháp thương mại thay thế cung cấp chức năng tương tự nhưng với các loại biểu đồ bổ sung bao gồm cả biểu đồ tròn. Cuộc thảo luận cũng đề cập đến việc liệu sử dụng CSS có thể phù hợp hơn cho các ứng dụng web hay không, mặc dù một số người lập luận rằng các giải pháp dựa trên font cung cấp lợi thế về hiệu suất cho hiển thị khối lượng lớn và khả năng tiếp cận tốt hơn.
Cách Kích hoạt Thay thế Theo Ngữ cảnh
Web CSS:
yourClass {
font-variant-ligatures: contextual;
-moz-font-feature-settings: "calt";
-webkit-font-feature-settings: "calt";
font-feature-settings: "calt";
}
MS Word: Format > Font > Advanced > Bật "Use Contextual Alternates"
Adobe Illustrator: Window > Type > OpenType > Bật Contextual Alternates
Adobe InDesign: Character > Options > OpenType > Contextual Alternates
Các Vấn Đề Về Bảo Mật
Một hướng thảo luận thú vị đã nêu ra các ảnh hưởng tiềm ẩn về bảo mật của các font có thể thay đổi đáng kể cách hiển thị văn bản. Một số người dùng bày tỏ lo ngại rằng các công nghệ cho phép văn bản hiển thị khác với mã cơ bản của nó có thể được sử dụng để đánh lừa người đọc. Một ví dụ thực tế được trích dẫn là nơi một chính phủ bị cáo buộc đã sử dụng kỹ thuật font để che giấu dữ liệu về tỷ lệ cử tri tham gia bầu cử. Mặc dù đây là một trường hợp cực đoan, nhưng nó làm nổi bật cách các công nghệ trình bày đôi khi có thể bị lạm dụng.
Font chữ Sparks đại diện cho một cách tiếp cận sáng tạo đối với trực quan hóa dữ liệu trong dòng văn bản, tiếp tục phát triển cùng với các tiêu chuẩn web và kiểu chữ. Mặc dù các cuộc tranh luận về thuật ngữ và chi tiết triển khai vẫn tiếp diễn, những công cụ như thế này thể hiện sự sáng tạo liên tục trong việc làm cho dữ liệu dễ tiếp cận hơn và tích hợp vào giao tiếp hàng ngày.
Tham khảo: aftertheflood/sparks