إنشاء تصورات بيانات تفاعلية باستخدام d3.js. يجب استخدام هذه المهارة عند إنشاء مخططات مخصصة أو رسوم بيانية أو مخططات شبكة أو تصورات جغرافية أو أي تصور معقد للبيانات قائم على SVG يتطلب تحكمًا دقيقًا في العناصر المرئية أو التحولات أو التفاعلات. استخدم هذا لتصورات مخصصة تتجاوز مكتبات الرسوم البيانية القياسية، سواء في React أو Vue أو Svelte أو Vanilla JavaScript أو أي بيئة أخرى.
ثبّت مهارة الذكاء الاصطناعي d3-viz بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: chrisvoncsefalvay/claude-d3js-skill.
This skill provides guidance for creating sophisticated, interactive data visualisations using d3.js. D3.js (Data-Driven Documents) excels at binding data to DOM elements and applying data-driven transformations to create custom, publication-quality visualisations with precise control over every visual element. The techniques work across any JavaScript environment, including vanilla JavaScript, React, Vue, Svelte,...
All modules (scales, axes, shapes, transitions, etc.) are accessible through the d3 namespace.
Pattern A: Direct DOM manipulation (recommended for most cases) Use d3 to select DOM elements and manipulate them imperatively. This works in any JavaScript environment:
إنشاء تصورات بيانات تفاعلية باستخدام d3.js. يجب استخدام هذه المهارة عند إنشاء مخططات مخصصة أو رسوم بيانية أو مخططات شبكة أو تصورات جغرافية أو أي تصور معقد للبيانات قائم على SVG يتطلب تحكمًا دقيقًا في العناصر المرئية أو التحولات أو التفاعلات. استخدم هذا لتصورات مخصصة تتجاوز مكتبات الرسوم البيانية القياسية، سواء في React أو Vue أو Svelte أو Vanilla JavaScript أو أي بيئة أخرى. المصدر: chrisvoncsefalvay/claude-d3js-skill.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/chrisvoncsefalvay/claude-d3js-skill --skill d3-vizإنشاء تصورات بيانات تفاعلية باستخدام d3.js. يجب استخدام هذه المهارة عند إنشاء مخططات مخصصة أو رسوم بيانية أو مخططات شبكة أو تصورات جغرافية أو أي تصور معقد للبيانات قائم على SVG يتطلب تحكمًا دقيقًا في العناصر المرئية أو التحولات أو التفاعلات. استخدم هذا لتصورات مخصصة تتجاوز مكتبات الرسوم البيانية القياسية، سواء في React أو Vue أو Svelte أو Vanilla JavaScript أو أي بيئة أخرى. المصدر: chrisvoncsefalvay/claude-d3js-skill.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/chrisvoncsefalvay/claude-d3js-skill --skill d3-viz بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/chrisvoncsefalvay/claude-d3js-skill