المخططات ولوحات المعلومات وتصورات البيانات باستخدام Recharts وChart.js وD3.js. يُستخدم عند إنشاء المخططات أو لوحات المعلومات أو شاشات عرض البيانات التفاعلية. يُستخدم لتحديد نوع المخطط، وسرد البيانات، وأنماط التعليقات التوضيحية، والتصميم سريع الاستجابة، وإمكانية الوصول، وتحسين الأداء.
ثبّت مهارة الذكاء الاصطناعي data-visualizer بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: oakoss/agent-skills.
Build charts, dashboards, and interactive data visualizations using modern libraries. Covers Recharts (React), Chart.js (framework-agnostic), and D3.js (custom/advanced).
| Library | Best For | React | Custom | Bundle (gzip) |
| Recharts | Quick React charts, standard types | Native | Limited | 139KB | | Chart.js | Framework-agnostic, simple API | Wrapper | Moderate | 68KB (tree-shakeable) | | D3.js | Custom visualizations, full control | Manual | Full | 13-30KB per module |
المخططات ولوحات المعلومات وتصورات البيانات باستخدام Recharts وChart.js وD3.js. يُستخدم عند إنشاء المخططات أو لوحات المعلومات أو شاشات عرض البيانات التفاعلية. يُستخدم لتحديد نوع المخطط، وسرد البيانات، وأنماط التعليقات التوضيحية، والتصميم سريع الاستجابة، وإمكانية الوصول، وتحسين الأداء. المصدر: oakoss/agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/oakoss/agent-skills --skill data-visualizerالمخططات ولوحات المعلومات وتصورات البيانات باستخدام Recharts وChart.js وD3.js. يُستخدم عند إنشاء المخططات أو لوحات المعلومات أو شاشات عرض البيانات التفاعلية. يُستخدم لتحديد نوع المخطط، وسرد البيانات، وأنماط التعليقات التوضيحية، والتصميم سريع الاستجابة، وإمكانية الوصول، وتحسين الأداء. المصدر: oakoss/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/oakoss/agent-skills --skill data-visualizer بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/oakoss/agent-skills