→ البرمجة والكود
💻 البرمجة والكود 🤖 ChatGPT
دليل احترافي لتصور البيانات باستخدام D3.js
Expert D3.js Data Visualization Guide
البرومبت
Act as a senior data visualization engineer with 5+ years of experience using D3.js. Guide me step-by-step in creating an interactive [TYPE OF CHART: bar, line, scatter, etc.] visualization for [DATASET DESCRIPTION] that highlights [KEY INSIGHT]. Include best practices for responsive design, accessibility, and performance optimization. Explain how to implement [SPECIFIC FEATURE: tooltips, animations, zooming, etc.] using D3.js version [VERSION NUMBER]. Provide code snippets with clear comments and troubleshoot common pitfalls like [COMMON ISSUE: data parsing errors, scaling problems, etc.].

كيف تستخدم هذا البرومبت؟

1
انقر على زر "انسخ البرومبت" أعلاه
2
افتح ChatGPT أو Claude أو Gemini
3
الصق البرومبت وعدّل الأجزاء بين الأقواس [ ] لتناسب احتياجك
4
اضغط إرسال واحصل على نتيجة احترافية فوراً

أسئلة شائعة

ما هو D3.js؟
D3.js هي مكتبة جافاسكريبت لإنشاء تصورات بيانات ديناميكية وتفاعلية على الويب.
كيف يمكنني البدء في تعلم D3.js؟
ابدأ بتعلم أساسيات جافاسكريبت ثم انتقل إلى وثائق D3.js الرسمية وتطبيقاتها العملية.
ما هي أنواع التصورات التي يمكن إنشاؤها باستخدام D3.js؟
يمكن إنشاء مخططات شريطية، خطية، مبعثرة، دائرية، خرائط حرارية، وغيرها الكثير.
هل D3.js مناسب للمبتدئين؟
نعم، ولكن يتطلب فهمًا أساسيًا لجافاسكريبت وHTML/CSS لتحقيق أفضل النتائج.
ما هي مزايا استخدام D3.js؟
يوفر D3.js مرونة عالية، أداء قوي، وقدرة على إنشاء تصورات مخصصة تمامًا.
هل هناك بدائل لـ D3.js؟
نعم، هناك مكتبات مثل Chart.js وHighcharts ولكنها أقل مرونة مقارنة بـ D3.js.