anim.uraree.com → Marp

Marp ไม่รัน JavaScript → ใช้ ภาพ (animated SVG / GIF) แทน

หัวใจเต้น (animated SVG)

ขยับได้ด้วย CSS ในตัว SVG เอง — ไม่ต้องใช้ embed.js

หรือใช้ GIF (พื้นหลังโปร่งใส)

GIF รองรับกว้างสุด — ขยับได้แม้บางที่ animated SVG ไม่เล่น

ใช้งานจริง

![w:360](https://anim.uraree.com/svg/clinic-heartbeat.svg)
  • ✅ ขยับในมุมมอง HTML (slides.uraree.com)
  • ⚠️ export PDF/PPTX → กลายเป็นภาพนิ่ง (1 เฟรม)
  • ❌ Lottie .json + D3 chart ใช้ใน Marp ไม่ได้ (ต้องการ JS)

เทียบ Marp vs Reveal

Marp (slides.) Reveal (reveal.)
Lottie live (<anim-player>) ❌ ✅
D3 chart (iframe) ❌ ✅
animated SVG / GIF ✅ ✅
export PDF/PPTX ✅ เด่น ได้แต่ไม่เด่น