نمای کلی نمودار و آمار

عددهای کلیدی، روند، نمودارها و نقشه

این دسته را در ویترین، زنده و کنار هم ببینید
کارت متریک (MetricCard)کامپوننت نمایش معیارها و آمار به صورت خلاصه با پشتیبانی از نمودار و درصد تغییر
توزیع (Distribution)سهم هر دسته از یک مقیاس — احساس، هیجان یا موضع مخاطبان — در ردیف‌های میله‌ای، یک نوار چندبخشی یا تراشه‌های درون‌خطی
عدد متحرک (AnimatedNumber)عددی که تا مقدارش می‌شمارد، برای یک عدد سرتیتر تازه‌رسیده؛ KPI داخل کارت با MetricCard یا StatDisplay
نمایش آمار (StatDisplay)نمایش یک عدد آماری با برچسب، واحد و روند
نشانگر روند (TrendIndicator)نمایش تغییرات درصدی با آیکون جهت و رنگ‌بندی
اسپارک‌لاین (Sparkline)نمودار کوچک inline برای نمایش روند یک متریک در سلول جدول، کارت، یا ردیف — SVG ساده و بدون وابستگی
کارت نمودار (ChartCard)یک پوستهٔ یکپارچه برای قاب‌بندی هر نمودار پرتو — سربرگ خوانا، بدنه و فوتر اختیاری
نمودار خالی (EmptyChart)Placeholder یکنواخت برای charts بدون داده — آیکون شکل نمودار + پیام محلی + hint اختیاری + action.
نمودار خطی (PartoLineChart)کامپوننت نمودار خطی برای نمایش روند داده‌ها بر پایه Recharts
نمودار میله‌ای (PartoBarChart)کامپوننت نمایش داده در نمودار میله‌ای بر پایه Recharts
نمودار مساحتی (PartoAreaChart)نمودار مساحتی بر پایه Recharts با تم خودکار و پشتیبانی از حالت بارگذاری
نمودار دایره‌ای (PartoPieChart)کامپوننت نمایش نسبت‌ها در نمودار دایره‌ای و حلقه‌ای بر پایه Recharts
نمودار رادار (PartoRadarChart)نمودار رادار/عنکبوتی بر پایه Recharts برای مقایسه‌های چندبعدی
نمودار پراکندگی (PartoScatterChart)نمودار scatter/bubble با پشتیبانی از اندازه bubble (zKey)، رنگ‌بندی بر اساس گروه، و برچسب‌های محور فارسی.
نقشه گرمایی (PartoHeatMap)کامپوننت نقشه گرمایی سفارشی بر پایه SVG و Visx برای نمایش الگوی شدت فعالیت
ابر کلمات (PartoWordCloud)کامپوننت ابر کلمات برای نمایش بصری فراوانی کلمات
نمودار Sankey (PartoSankeyChart)نمودار جریان (flow) بین گره‌ها — ضخامت اتصال نشان‌دهنده میزان جریان است. مناسب برای نمایش مسیر داده در افکارسنجی.
نمودار شبکه (PartoNetworkChart)نمودار گره‌ای با force-directed layout برای نمایش ارتباطات بین entity ها. بدون وابستگی به d3-force؛ شبیه‌سازی داخلی سبک.
نمودار نبض مفهوم (ConceptPulseChart)نمودار scatter دامنه‌ای افکارسنجی — هر نقطه یک «مفهوم» با حلقه ترکیب جریان/احساس دور آن، نمایش‌دهنده اینکه «این مفهوم از چه ساخته شده».
نقشهٔ استان‌ها (IranMap)نقشهٔ رنگی سبک 31 استان ایران با طیف ترتیبی سیستم طراحی، راهنمای رنگ، tooltip، فیلتر با کلیک و جدول جایگزین برای صفحه‌خوان
نقشه‌حرارتی استان‌ها (IranProvinceHeat)لیست عمودی 31 استان ایران با heat-bar متناسب با مقدار — توزیع جغرافیایی نظرات، شکایات، احساسات و معیارهای دیگر
نقشه حرارتی فراوانی انتشار (PostingFrequencyHeatmap)Heatmap 7×24 روز×ساعت برای نمایش الگوی زمانی انتشار پست‌ها، با شاخص ثبات، طولانی‌ترین فاصله، و درصد روزهای فعال.
رادار مقایسه (ComparisonRadar)لایه composition روی PartoRadarChart برای مقایسه دو یا چند entity در چند بعد، با highlight خودکار برنده هر معیار و شمارش برتری‌ها.
نرخ تعامل (EngagementRate)کامپوننت نمایش نرخ تعامل اینفلوئنسر با دسته‌بندی و معیارهای مختلف
متر تشخیص بات (BotDetectionMeter)نمایش درصدی سه‌حالته‌ی تشخیص بات — واقعی / مشکوک / بات — برای پروفایل‌های رسانه و تحلیل کامنت‌ها
ردیف عملکرد هشتگ (HashtagPerformanceRow)نمایش عملکرد یک هشتگ در قالب یک ردیف فشرده — نام هشتگ، بسامد استفاده، نرخ تعامل، اسپارک‌لاین روند و دلتای تغییر نسبت به دوره قبل — آماده برای لیست «هشتگ‌های برتر» یا سلول DataTable.

شبکه و مقایسهٔ سری‌ها

از نسخهٔ 7 هیچ نمودار پرتو خط شبکهٔ پس‌زمینه ندارد؛ این شامل خطوط افقی، عمودی و حلقه‌ها و شعاع‌های رادار است. محورهای عددی و نشانگر اشاره‌گر باقی می‌مانند. enableGrid، enableGridX، enableGridY و gridType برای سازگاری نوع پذیرفته می‌شوند ولی بی‌اثرند؛ آن‌ها را از مصرف‌کننده حذف کنید.

برای مقایسهٔ دوره‌ها در PartoAreaChart، seriesStyles سبک هر کلید را مشخص می‌کند؛ رنگ، خط‌چین و opacity همان سری روی نمودار و رنگ راهنما اعمال می‌شوند:

<PartoAreaChart
  data={data}
  dataKeys={['current', 'previous']}
  seriesStyles={{ previous: { color: 'var(--foreground-lighter)', strokeDasharray: '5 4', fillOpacity: 0 } }}
  legend
/>

نام سری و دورهٔ مقایسه را از دادهٔ واقعی بگیرید؛ خط‌چین سری گذشته نیاز به انتخابگر CSS داخلی Recharts ندارد.