การแสดงข้อมูลเป็นภาพในข้อความเป็นความท้าทายสำหรับนักออกแบบและนักพัฒนามาอย่างยาวนาน ฟอนต์ Sparks จาก Aftertheflood นำเสนอทางออกที่สร้างสรรค์ด้วยการช่วยให้สามารถสร้างแผนภูมิขนาดเล็กโดยตรงในข้อความโดยใช้คุณสมบัติ contextual alternates ของ OpenType อย่างไรก็ตาม การสนทนาในชุมชนเผยให้เห็นทั้งความชื่นชมในเทคนิคและการถกเถียงเกี่ยวกับนิยามว่าอะไรคือ sparkline ที่แท้จริง
![]() |
---|
การนำเสนอพลังงานของประกายไฟ สัญลักษณ์ของแนวทางนวัตกรรมในการฝังการแสดงข้อมูลภาพในเนื้อหา |
Sparks ทำงานอย่างไร
Sparks เป็นฟอนต์เฉพาะทางที่แปลงลำดับตัวเลขเช่น 123(30,60,90)456
ให้กลายเป็นการแสดงข้อมูลภาพขนาดเล็กในบรรทัดเดียวกัน ฟอนต์นี้มีสามรูปแบบ: แบบแท่ง แบบจุด และแบบจุดเส้น แต่ละแบบมีห้าระดับความหนา เทคโนโลยีเบื้องหลังนี้ใช้ประโยชน์จากคุณสมบัติ contextual alternates ของ OpenType ซึ่งปกติใช้สำหรับ ligatures แต่ถูกนำมาประยุกต์ใช้เพื่อการแสดงข้อมูลภาพ วิธีนี้ทำให้แผนภูมิทำงานได้โดยไม่ต้องใช้ JavaScript บนเว็บและในแอปพลิเคชันต่างๆ เช่น Microsoft Word, Adobe Creative Cloud และเบราว์เซอร์สมัยใหม่
ผมเรียกการส่งมอบในรูปแบบ ligatures ว่าเป็นการแลกเปลี่ยน ทำให้ง่ายขึ้นมากในการปรับขนาดให้เข้ากับข้อความบนเว็บเมื่อฝังแบบอินไลน์ มันจะเข้ากับสีข้อความโดยอัตโนมัติ และข้อมูลตัวเลขที่อยู่เบื้องหลังสามารถดึงออกมาได้ง่ายและอ่านได้ด้วยเครื่อง
คุณลักษณะของฟอนต์ Sparks
- รูปแบบ: แท่ง จุด และเส้นจุด (กราฟเส้นที่มีจุดตรงรอยต่อ)
- ตัวเลือกน้ำหนัก: 5 แบบสำหรับแต่ละรูปแบบ
- มาตราส่วน: คงที่ที่ 0-100
- รูปแบบไวยากรณ์: ใช้ไวยากรณ์เช่น
123(30,60,90)456
เพื่อสร้างการแสดงผลข้อมูล - ความเข้ากันได้:
- เดสก์ท็อป: Microsoft Word (2010+), Apple Pages, Adobe Creative Cloud
- เว็บ: Chrome 33+, Safari 6+, Firefox 4+, IE 10+
- ลิขสิทธิ์: SIL Open Font License
การถกเถียงเรื่อง Sparkline
ส่วนสำคัญของการสนทนาในชุมชนมุ่งเน้นไปที่ว่า Sparks สร้าง sparklines ตามที่ Edward Tufte ผู้คิดค้นคำนี้ในปี 2006 นิยามไว้จริงหรือไม่ ผู้ใช้บางรายชี้ให้เห็นว่า sparklines เป็นแผนภูมิเส้นโดยเฉพาะ ไม่ใช่กราฟแท่ง และอ้างอิงหนังสือ The Visual Display of Quantitative Information ของ Tufte เป็นแหล่งข้อมูลที่เชื่อถือได้ แม้ว่า Sparks จะมีรูปแบบจุดเส้นที่คล้ายกับ sparklines แบบดั้งเดิมมากกว่า แต่ตัวอย่างหลักที่แสดงในเอกสารของโครงการเป็นแผนภูมิแท่ง ซึ่งนำไปสู่ความสับสนบางประการ
การเข้าถึงและการนำไปใช้ทางเทคนิค
การนำ Sparks ไปใช้ทางเทคนิคเกี่ยวข้องกับโค้ด OpenType ที่ซับซ้อนซึ่งทำการแทนที่ตัวเลข สำหรับรูปแบบจุดเส้น นักพัฒนาต้องหาทางแก้ปัญหาข้อจำกัดของ OpenType ที่มีประมาณ 3,000 บรรทัดของโค้ดต่อตาราง lookup โดยการใช้กระบวนการแทนที่หลายขั้นตอน สิ่งนี้แสดงให้เห็นทั้งพลังและข้อจำกัดของการใช้เทคโนโลยีฟอนต์สำหรับการแสดงข้อมูลภาพ
สมาชิกในชุมชนได้เน้นย้ำถึงประโยชน์ด้านการเข้าถึงที่อาจเกิดขึ้นจากวิธีนี้ เนื่องจากข้อมูลยังคงเป็นข้อความที่มีการเสริมภาพผ่านฟอนต์ โปรแกรมอ่านหน้าจอและเทคโนโลยีช่วยเหลืออื่นๆ อาจสามารถเข้าถึงตัวเลขที่อยู่เบื้องหลังได้ ต่างจากวิธีการแสดงข้อมูลภาพที่ใช้ CSS ซึ่งมักขาดการพิจารณาด้านการเข้าถึงที่เหมาะสม
วิธีการทางเลือกและตัวอย่างก่อนหน้านี้
Sparks ไม่ใช่ความพยายามครั้งแรกในการฝังแผนภูมิในข้อความ สมาชิกในชุมชนได้กล่าวถึง FF Chartwell เป็นทางเลือกเชิงพาณิชย์ที่นำเสนอฟังก์ชันการทำงานที่คล้ายกันแต่มีประเภทแผนภูมิเพิ่มเติมรวมถึงแผนภูมิวงกลม การสนทนายังเกี่ยวข้องกับว่าการใช้ CSS อาจเหมาะสมกว่าสำหรับเว็บแอปพลิเคชัน แม้ว่าบางคนจะโต้แย้งว่าโซลูชันที่ใช้ฟอนต์มีข้อได้เปรียบด้านประสิทธิภาพสำหรับการแสดงผลปริมาณมากและการเข้าถึงที่ดีกว่า
วิธีการเปิดใช้งานตัวอักษรทางเลือกตามบริบท
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 > เปิดใช้งาน "Use Contextual Alternates"
Adobe Illustrator: Window > Type > OpenType > เปิดใช้งาน Contextual Alternates
Adobe InDesign: Character > Options > OpenType > Contextual Alternates
ข้อกังวลด้านความปลอดภัย
ประเด็นที่น่าสนใจในการสนทนาได้ยกประเด็นเกี่ยวกับความปลอดภัยที่อาจเกิดขึ้นจากฟอนต์ที่สามารถเปลี่ยนแปลงการแสดงข้อความอย่างมาก ผู้ใช้บางรายแสดงความกังวลว่าเทคโนโลยีที่ทำให้ข้อความแสดงผลต่างจากโค้ดที่อยู่เบื้องหลังอาจถูกใช้เพื่อทำให้ผู้อ่านเข้าใจผิดได้ มีการยกตัวอย่างจากโลกความเป็นจริงที่รัฐบาลแห่งหนึ่งถูกกล่าวหาว่าใช้เทคนิคฟอนต์เพื่อปกปิดข้อมูลการเลือกตั้ง แม้ว่านี่จะเป็นกรณีพิเศษ แต่ก็เน้นให้เห็นว่าเทคโนโลยีการนำเสนอบางครั้งอาจถูกนำไปใช้ในทางที่ผิดได้
ฟอนต์ Sparks เป็นวิธีการสร้างสรรค์สำหรับการแสดงข้อมูลภาพแบบอินไลน์ที่ยังคงพัฒนาต่อไปพร้อมกับมาตรฐานเว็บและการพิมพ์ แม้ว่าการถกเถียงเกี่ยวกับคำศัพท์และรายละเอียดการนำไปใช้ยังคงมีอยู่ เครื่องมือเช่นนี้แสดงให้เห็นถึงความคิดสร้างสรรค์อย่างต่อเนื่องในการทำให้ข้อมูลเข้าถึงได้ง่ายขึ้นและผสมผสานเข้ากับการสื่อสารในชีวิตประจำวัน
อ้างอิง: aftertheflood/sparks