‏Resend حالا چارت تو ایمیل داره!

Resend یه قابلیت جذاب به ویرایشگر ایمیلش اضافه کرده: کامپوننت Chart. این قابلیت هم توی Broadcasts و هم توی Templates در دسترسه و بهت اجازه می‌ده نمودارهای بصری رو مستقیم داخل ایمیل‌هات جاسازی کنی.

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

برای اضافه کردن نمودار، کافیه از منوی slash command با تایپ /chart یا از نوار ابزار کامپوننت‌ها استفاده کنی. بعد از اضافه شدن، تنظیمات از sidebar سمت راست انجام می‌شه.

گزینه‌هایی که می‌تونی تنظیم کنی اینان: نوع نمودار (میله‌ای، خطی یا ناحیه‌ای)، عنوان نمودار که همزمان به‌عنوان alt text تصویر برای دسترسی‌پذیری هم استفاده می‌شه، داده‌ها (از طریق جدول یا JSON خام)، و رنگ و نام هر سری داده.

برای وارد کردن داده‌ها می‌تونی JSON بچسبونی. مثلاً این فرمت:

[
  { "date": "Feb '26", "downloads": 8942400 },
  { "date": "Mar '26", "downloads": 16492000 },
  { "date": "Apr '26", "downloads": 16036000 }
]

بعد از وارد کردن داده‌ها، ویرایشگر به‌صورت خودکار نمودار رو به‌عنوان تصویر رندر می‌کنه. دکمه‌ای هم هست که می‌تونی بلافاصله رندر رو به‌روز کنی بدون اینکه منتظر چرخه خودکار بمونی.

یکی از مهم‌ترین نکات فنی اینه که چرا داده‌ها به‌صورت تصویر رندر می‌شن: کلاینت‌های مختلف ایمیل (Gmail، Outlook، Apple Mail و بقیه) هر کدوم موتور رندرینگ خودشون رو دارن و پشتیبانی از HTML/CSS پیشرفته توشون محدوده. با رندر کردن نمودار به‌صورت تصویر، چیزی که توی ویرایشگر می‌بینی دقیقاً همون چیزیه که مشترک‌هات می‌بینن، صرف‌نظر از اینکه ایمیلشون رو کجا باز می‌کنن.

تیم Resend اعلام کرده که می‌خواد این کامپوننت رو بر اساس بازخورد کاربران بهبود بده و برای پیشنهادات یا مشکلات، تیم پشتیبانی در دسترسه.

نکات کلیدی:

• کامپوننت Chart توی Resend اضافه شد و از نمودارهای میله‌ای، خطی و ناحیه‌ای پشتیبانی می‌کنه
• نمودارها به‌صورت تصویر رندر می‌شن تا در تمام کلاینت‌های ایمیل یکسان نمایش داده بشن
• داده‌ها رو می‌شه از طریق جدول شبیه اکسل یا JSON خام وارد کرد
• عنوان نمودار هم به‌عنوان alt text تصویر برای دسترسی‌پذیری استفاده می‌شه
• هم در Broadcasts و هم در Templates در دسترسه