الاستطلاع الكلاسيكي
اختر خيارًا واحدًا وشاهد النسب المئوية تتحدث في الوقت الفعلي أثناء تصويت الآخرين.
نوع النشاط: classic_poll
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
options | array | مصفوفة خيارات الاستطلاع. لكل منها id و label و color اختياري. | خياران افتراضيان |
كائن الخيار
| الحقل | النوع | الوصف |
|---|---|---|
id | string | معرّف فريد للخيار. |
label | string | نص العرض للخيار. |
color | string | لون تمييز لشريط/إبراز الخيار. يُعيّن تلقائيًا من لوحة الألوان إذا لم يُحدد. |
السلوك
- يمكن لكل مشارك التصويت لخيار واحد فقط.
- بعد التصويت، يرى المشارك النتائج المباشرة (النسب المئوية وعدد الأصوات).
- هذا نشاط إجراء واحد: بعد التصويت، يدخل المشارك وضع القراءة فقط.
أوضاع العرض
| الوضع | الوصف |
|---|---|
inline_bars | تُعرض النتائج كأشرطة أفقية داخل كل خيار. |
bar_chart | تُعرض النتائج كمخطط أشرطة عمودي منفصل. |
الحالة المُجمّعة
| الحقل | النوع | الوصف |
|---|---|---|
options | PollOption[] | الخيارات مع عدد الأصوات والنسب المئوية وقوائم المصوتين. |
totalVotes | number | إجمالي عدد الأصوات المُدلى بها. |
myVotes | string[] | معرّفات الخيارات التي صوّت لها المشارك الحالي. |
محددات CSS
.fuse-classic-poll, .fuse-poll, .fuse-poll--bar-chart, .fuse-bar, .fuse-bar-label, .fuse-option, .fuse-option-label, .fuse-option-percentage, .fuse-option-votes
استطلاع متعدد الأصوات
صوّت لعدة خيارات في وقت واحد. مثالي لسيناريوهات "حدد كل ما ينطبق".
نوع النشاط: multi_vote_poll
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
options | array | مصفوفة خيارات الاستطلاع مع id و label و color اختياري. | خياران افتراضيان |
السلوك
- يمكن للمشاركين التصويت لخيارات متعددة.
- يمكن تبديل الأصوات — النقر على خيار مصوّت عليه يزيل التصويت.
- هذا نشاط إجراءات متعددة: يمكن للمشاركين تغيير أصواتهم في أي وقت.
- تتحدث النتائج في الوقت الفعلي أثناء تبديل الأصوات.
الحالة المُجمّعة
نفس الاستطلاع الكلاسيكي.
محددات CSS
.fuse-multi-vote-poll، بالإضافة إلى جميع محددات الاستطلاع المشتركة.
استطلاع بالصور
صوّت على صور بدلًا من نصوص. رائع لاختيارات التصميم أو الأزياء أو المنتجات.
نوع النشاط: image_poll
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
options | array | مصفوفة خيارات الاستطلاع. لكل منها id و label و imageUrl. | خياران افتراضيان |
كائن الخيار
| الحقل | النوع | الوصف |
|---|---|---|
id | string | معرّف فريد. |
label | string | تسمية نصية تُعرض أسفل الصورة. |
imageUrl | string | رابط الصورة المعروضة لهذا الخيار. |
color | string | لون تمييز اختياري. |
السلوك
- تُعرض الخيارات كبطاقات صور مع تسميات.
- يمكن لكل مشارك التصويت لصورة واحدة.
- هذا نشاط إجراء واحد.
- تظهر النتائج كنسب مئوية للأصوات فوق الصور أو أسفلها.
الحالة المُجمّعة
نفس الاستطلاع الكلاسيكي، مع توفر imageUrl لكل خيار.
محددات CSS
.fuse-image-poll، بالإضافة إلى جميع محددات الاستطلاع المشتركة.
هذا أو ذاك
اختيار ثنائي بنمط السحب بين خيارين مع تقسيمات النسب المئوية المباشرة.
نوع النشاط: this_or_that
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
options | array | خياران بالضبط مع id و label و color اختياري. | [{ label: "This" }, { label: "That" }] |
السلوك
- يُقدم خياران جنبًا إلى جنب في تخطيط شاشة مقسمة.
- يختار كل مشارك أحد الخيارين.
- هذا نشاط إجراءات متعددة: يمكن للمشاركين تبديل تصويتهم.
- يُعرض تقسيم النسب المئوية المباشر كفاصل مرئي بين اللوحتين.
الحالة المُجمّعة
نفس الاستطلاع الكلاسيكي (مع خيارين بالضبط).
محددات CSS
.fuse-this-or-that, .fuse-panel--left, .fuse-panel--right, .fuse-panel-label, .fuse-panel-percentage
الاستطلاع المرتب
اسحب لترتيب الخيارات حسب تفضيلك. شاهد ترتيب إجماع المجتمع يتشكل.
نوع النشاط: ranked_poll
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
options | array | مصفوفة خيارات للترتيب. لكل منها id و label و color اختياري. | 3 خيارات افتراضية |
السلوك
- تُعرض جميع الخيارات في قائمة.
- يسحب المشاركون العناصر لإعادة ترتيبها من الأكثر تفضيلًا إلى الأقل.
- بعد الإرسال، يُسجل ترتيب المشارك.
- هذا نشاط إجراء واحد: يُرسل الترتيب مرة واحدة.
- يُحسب ترتيب الإجماع بحساب متوسط ترتيبات جميع المشاركين.
الحالة المُجمّعة
| الحقل | النوع | الوصف |
|---|---|---|
options | array | الخيارات مع id و label و avgRank وعدد rankings. |
totalParticipants | number | إجمالي عدد المشاركين الذين أرسلوا ترتيبات. |
محددات CSS
.fuse-ranked-poll, .fuse-rank-number، بالإضافة إلى المحددات المشتركة.
استطلاع الإقصاء
تصويت متعدد الجولات حيث يُقصى الخيار الأقل أصواتًا كل جولة حتى يبقى فائز واحد.
نوع النشاط: elimination_poll
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
options | array | مصفوفة خيارات مع id و label و color اختياري. | خياران افتراضيان |
السلوك
- يصوّت المشاركون لخيارهم المفضل في الجولة الحالية.
- بعد اكتمال الجولة، يُقصى الخيار ذو الأصوات الأقل.
- تبدأ جولة جديدة مع الخيارات المتبقية.
- تتكرر العملية حتى يبقى خيار واحد — الفائز.
- هذا نشاط متعدد الجولات: يحتاج المشاركون لمواصلة التصويت في الجولات اللاحقة.
- يمكن للمشاركين الذين صوّتوا بالفعل في جولة إعادة الانضمام للتصويت في الجولة التالية.
الحالة المُجمّعة
| الحقل | النوع | الوصف |
|---|---|---|
currentRound | number | رقم الجولة الحالية. |
activeOptions | PollOption[] | الخيارات التي لا تزال في المنافسة مع بيانات التصويت. |
eliminatedOptions | array | الخيارات المُقصاة حتى الآن، مع الجولة التي أُقصيت فيها. |
totalVotesThisRound | number | إجمالي الأصوات في الجولة الحالية. |
isComplete | boolean | ما إذا كان الإقصاء قد اكتمل (بقي فائز واحد). |
winner | object | الخيار الفائز (يُعيّن عندما isComplete صحيح). |
محددات CSS
.fuse-elimination-poll, .fuse-round-label, .fuse-champion، بالإضافة إلى محددات الاستطلاع المشتركة.
تعمل استطلاعات الإقصاء بشكل أفضل مع 4+ خيارات. مع خيارين فقط، يصبح فعليًا استطلاعًا كلاسيكيًا بجولة واحدة.
المقياس المنزلق
ضع نفسك على طيف وشاهد منحنى التوزيع المباشر لجميع الردود.
نوع النشاط: sliding_scale
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
min | number | القيمة الدنيا على المقياس. | 0 |
max | number | القيمة القصوى على المقياس. | 100 |
step | number | زيادة الخطوة للشريط المنزلق. | 1 |
minLabel | string | تسمية للطرف الأدنى من المقياس. | "" |
maxLabel | string | تسمية للطرف الأقصى من المقياس. | "" |
scaleStyle | string | النمط المرئي لمسار الشريط المنزلق. | "thin" |
barColor | string | لون مخصص لأشرطة التوزيع. | "" (يستخدم تمييز السمة) |
السلوك
- يسحب المشاركون شريطًا منزلقًا لتحديد قيمة على الطيف.
- بعد الإرسال، يرون مدرجًا تكراريًا يوضح توزيع جميع الردود.
- تُعرض الإحصائيات (المتوسط، الوسيط، إجمالي الردود).
- هذا نشاط إجراء واحد.
الحالة المُجمّعة
| الحقل | النوع | الوصف |
|---|---|---|
distribution | number[] | أعداد خانات المدرج التكراري (مثلًا 10 خانات من الحد الأدنى إلى الأقصى). |
average | number | متوسط قيمة جميع الردود. |
median | number | قيمة الوسيط لجميع الردود. |
totalResponses | number | إجمالي عدد الردود. |
min | number | القيمة الدنيا للمقياس. |
max | number | القيمة القصوى للمقياس. |
محددات CSS
.fuse-sliding-scale, .fuse-slider, .fuse-slider-value, .fuse-slider-label, .fuse-stats, .fuse-histogram, .fuse-histogram-bar, .fuse-stat-value, .fuse-stat-label
هل تفضل
اختر بين معضلتين وشاهد التقسيم المباشر. قابلة للنقاش بلا نهاية.
نوع النشاط: would_you_rather
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
options | array | خياران بالضبط مع id و label و color اختياري. | [{ label: "This" }, { label: "That" }] |
السلوك
- يُقدم خياران جنبًا إلى جنب.
- يختار المشاركون خيارًا واحدًا.
- هذا نشاط إجراءات متعددة: يمكن للمشاركين تبديل اختيارهم.
- يُعرض تقسيم النسب المئوية المباشر كفاصل مرئي.
الفرق عن هذا أو ذاك
هل تفضل وهذا أو ذاك متطابقان وظيفيًا. الفرق موضوعي:
- هذا أو ذاك: مقارنات تفضيل عامة (مثل "قهوة أم شاي؟").
- هل تفضل: أسئلة قائمة على معضلات (مثل "هل تفضل الطيران أم أن تكون غير مرئي؟").
الحالة المُجمّعة
نفس الاستطلاع الكلاسيكي (مع خيارين بالضبط).
محددات CSS
.fuse-would-you-rather, .fuse-panel--left, .fuse-panel--right, .fuse-panel-label, .fuse-panel-percentage
لوحة الألوان
عندما لا يكون للخيارات لون مخصص مُعيّن، يعيّن NueForm تلقائيًا ألوانًا من لوحة ألوان نابضة بالحياة:
- Indigo (
#6366f1) - Amber (
#f59e0b) - Emerald (
#10b981) - Red (
#ef4444) - Violet (
#8b5cf6) - Cyan (
#06b6d4) - Orange (
#f97316) - Pink (
#ec4899) - Teal (
#14b8a6) - Purple (
#a855f7) - Lime (
#84cc16) - Rose (
#e11d48)
تُعيّن الألوان بالتسلسل بناءً على موضع الخيار. عندما يكون عدد الخيارات أكثر من عدد الألوان، تبدأ اللوحة من جديد.