‏Datatype: فونتی که متن رو به نمودار تبدیل می‌کنه

Datatype یه ایده جالب و خلاقانه‌ست: یه فونت متغیر OpenType که به جای حرف و عدد معمولی، عبارت‌های داده‌ای رو به نمودار تبدیل می‌کنه. ایده اصلیش اینه که تو دیگه نیازی به هیچ ابزار اضافه‌ای نداری — نه جاوااسکریپت، نه SVG، نه کتابخونه چارت‌سازی.

وقتی فونت Datatype رو روی یه المان اعمال می‌کنی، کافیه عبارت‌هایی مثل {b:30,70,50,90} یا {l:10,50,30,80,20} یا {p:65} رو بنویسی. موتور لیگاچر OpenType این رشته‌های متنی رو تشخیص می‌ده و اون‌ها رو به شکل بصری نمودار نشون می‌ده. همه چیز درون خود فونت اتفاق می‌افته.

سه نوع نمودار پشتیبانی می‌شه: اول بار چارت با پیشوند b که می‌تونی تا ۲۰ مقدار بین ۰ تا ۱۰۰ بهش بدی. دوم اسپارک‌لاین با پیشوند l که یه خط روند از داده‌ها می‌سازه. سوم پای چارت با پیشوند p که یه عدد تکی می‌گیره و یه دایره نسبتی نشون می‌ده.

چون Datatype یه فونت متغیر هست، دو محور قابل تنظیم داره: عرض (width) برای تراکم نمودار و وزن (weight) برای ضخامت عناصر بصری. این یعنی می‌تونی نمودارها رو از طریق CSS کاملاً شخصی‌سازی کنی.

یه ویژگی مهم اینه که نمودارها دقیقاً مثل متن رفتار می‌کنن. یعنی با متریک‌های تایپوگرافی فونت اطراف هماهنگ می‌شن، توی جدول‌ها، داشبوردها، گزارش‌ها و حتی وسط یه پاراگراف متنی به‌خوبی می‌شینن. مثلاً توی فونت سریف، بی‌سریف یا مونواسپیس به‌راحتی قابل استفاده‌ست.

استفاده ازش هم خیلی ساده‌ست. فقط کافیه فایل فونت رو با font-face در CSS لود کنی، بعد کلاس .chart رو روی عناصر مدنظر بزاری و مقادیر رو مستقیم توی HTML بنویسی. دیگه هیچ کتابخونه یا اسکریپت اضافه‌ای لازم نیست.

Datatype توسط Frank Tisellano طراحی شده و متن‌بازه. لایسنسش SIL Open Font License هست که برای استفاده تجاری و شخصی آزاده. روی گوگل فونتز هم در دسترسه و می‌شه مستقیم توی پروژه‌های وب ازش استفاده کرد.

نکات کلیدی:

• فونت OpenType متغیری که متن ساده رو به نمودار تبدیل می‌کنه
• سه نوع چارت: بار ({b:...})، اسپارک‌لاین ({l:...}) و پای ({p:...})
• بدون نیاز به جاوااسکریپت، تصویر یا کتابخونه رندرینگ
• دو محور متغیر برای کنترل عرض و وزن نمودارها
• قابل استفاده در هر جایی که متن نمایش داده می‌شه
• متن‌باز با لایسنس SIL و در دسترس روی گوگل فونتز