·visualizing-data
{}

visualizing-data

ينشئ لوحات المعلومات والتقارير والواجهات المبنية على البيانات والتي تتطلب مخططات أو رسوم بيانية أو تحليلات مرئية. يوفر إطارًا منهجيًا لاختيار التصورات المناسبة بناءً على خصائص البيانات والغرض التحليلي. يتضمن أكثر من 24 نوعًا من التصورات منظمة حسب الغرض (الاتجاهات، والمقارنات، والتوزيعات، والعلاقات، والتدفقات، والتسلسلات الهرمية، والجغرافية المكانية)، وأنماط إمكانية الوصول (الامتثال لـ WCAG 2.1 AA)، ولوحات الألوان الآمنة لعمى الألوان، واستراتيجيات تحسين الأداء. يُستخدم عند إنشاء تصورات أو اختيار أنواع المخططات أو عرض البيانات بيانيًا أو تصميم واجهات البيانات.

27التثبيتات·0الرائج·@ancoleman

التثبيت

$npx skills add https://github.com/ancoleman/ai-design-components --skill visualizing-data

كيفية تثبيت visualizing-data

ثبّت مهارة الذكاء الاصطناعي visualizing-data بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/ancoleman/ai-design-components --skill visualizing-data
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: ancoleman/ai-design-components.

Systematic guidance for selecting and implementing effective data visualizations, matching data characteristics with appropriate visualization types, ensuring clarity, accessibility, and impact.

Data visualization transforms raw data into visual representations that reveal patterns, trends, and insights. This skill provides:

| Compare values | Bar Chart, Lollipop Chart | | Show trends | Line Chart, Area Chart | | Reveal distributions | Histogram, Violin Plot, Box Plot | | Explore relationships | Scatter Plot, Bubble Chart | | Explain composition | Treemap, Stacked Bar, Pie Chart (<6 slices) | | Visualize flow | Sankey Diagram, Chord Diagram |

ينشئ لوحات المعلومات والتقارير والواجهات المبنية على البيانات والتي تتطلب مخططات أو رسوم بيانية أو تحليلات مرئية. يوفر إطارًا منهجيًا لاختيار التصورات المناسبة بناءً على خصائص البيانات والغرض التحليلي. يتضمن أكثر من 24 نوعًا من التصورات منظمة حسب الغرض (الاتجاهات، والمقارنات، والتوزيعات، والعلاقات، والتدفقات، والتسلسلات الهرمية، والجغرافية المكانية)، وأنماط إمكانية الوصول (الامتثال لـ WCAG 2.1 AA)، ولوحات الألوان الآمنة لعمى الألوان، واستراتيجيات تحسين الأداء. يُستخدم عند إنشاء تصورات أو اختيار أنواع المخططات أو عرض البيانات بيانيًا أو تصميم واجهات البيانات. المصدر: ancoleman/ai-design-components.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/ancoleman/ai-design-components --skill visualizing-data
الفئة
{}تحليل البيانات
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from ancoleman/ai-design-components

إجابات سريعة

ما هي visualizing-data؟

ينشئ لوحات المعلومات والتقارير والواجهات المبنية على البيانات والتي تتطلب مخططات أو رسوم بيانية أو تحليلات مرئية. يوفر إطارًا منهجيًا لاختيار التصورات المناسبة بناءً على خصائص البيانات والغرض التحليلي. يتضمن أكثر من 24 نوعًا من التصورات منظمة حسب الغرض (الاتجاهات، والمقارنات، والتوزيعات، والعلاقات، والتدفقات، والتسلسلات الهرمية، والجغرافية المكانية)، وأنماط إمكانية الوصول (الامتثال لـ WCAG 2.1 AA)، ولوحات الألوان الآمنة لعمى الألوان، واستراتيجيات تحسين الأداء. يُستخدم عند إنشاء تصورات أو اختيار أنواع المخططات أو عرض البيانات بيانيًا أو تصميم واجهات البيانات. المصدر: ancoleman/ai-design-components.

كيف أثبّت visualizing-data؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/ancoleman/ai-design-components --skill visualizing-data بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/ancoleman/ai-design-components