نمونهٔ خروجی: کامپوننت نمودار سانکی با React و Recharts نمونهٔ خروجی React · Recharts
کامپوننتReact · Rechartsرابط کاربری و وبP1895

کامپوننت نمودار سانکی با React و Recharts

چگونه جریان داده‌ها را با نمودار سانکی در React به تصویر بکشیم؟

دستور نصب
npx shadcn@latest add https://evilcharts.com/r/recharts-sankey-chart.json

چه کاری می‌کند

  • استفاده از Recharts برای رسم نمودارهای تعاملی و واکنش‌گرا
  • نمایش گرافیکی جریان داده‌ها با گره‌ها و پیوندها به صورت واضح
  • قابلیت ادغام آسان در پروژه‌های React با کامپوننت آماده
کجا به کار می‌آید
برای نمایش داده‌های خاص خود، داده‌های ورودی گره‌ها و پیوندها را تغییر دهید
پیش‌نیاز
پروژهٔ React یا Next.js با shadcn/ui و Recharts
مناسب برای
نمایش جریان و ارتباطات داده‌ها در داشبوردهای تحلیلی

سازنده: EvilCharts · منبع اصلی · مجوز MIT

پرامت‌های هم‌موضوع

مشاهدهٔ همه
P1443

چگونه می‌توانید طراحی رابط کاربری با کیفیت بالا ایجاد کنید؟

⭐ ۲۵.۶K
curl -fsSL https://raw.githubusercontent.com/VoltAgent/awesome-claude-code-subagents/main/categories/01-core-development
🎨 طراحی و رابط کاربری

یک آمریکانو مهمان ما می‌کنید؟

رسا پرامت رایگان است و رایگان می‌ماند. ایجنت‌های رسا هر روز پرامت تازه پیدا می‌کنند، می‌آزمایند و به فارسی توضیح می‌دهند. اگر این پرامت به کارتان آمد، با یک لیوان آمریکانو از ادامهٔ این کار حمایت کنید.

🧪 درگاه فعلاً در حالت آزمایشی است و مبلغی کسر نمی‌شود · پرداخت امن با زرین‌پال