إنشاء تصورات بيانات تفاعلية باستخدام d3.js. يجب استخدام هذه المهارة عند إنشاء مخططات مخصصة، أو رسوم بيانية، أو مخططات شبكة، أو تصورات جغرافية، أو أي مرئيات بيانات معقدة قائمة على SVG...
ثبّت مهارة الذكاء الاصطناعي claude-d3js-skill بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: sickn33/antigravity-awesome-skills.
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... المصدر: sickn33/antigravity-awesome-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/sickn33/antigravity-awesome-skills --skill claude-d3js-skillإنشاء تصورات بيانات تفاعلية باستخدام d3.js. يجب استخدام هذه المهارة عند إنشاء مخططات مخصصة، أو رسوم بيانية، أو مخططات شبكة، أو تصورات جغرافية، أو أي مرئيات بيانات معقدة قائمة على SVG... المصدر: sickn33/antigravity-awesome-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/sickn33/antigravity-awesome-skills --skill claude-d3js-skill بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/sickn33/antigravity-awesome-skills