قم بإنشاء مخططات تعتمد على البيانات باستخدام Vega-Lite (بسيط) وVega (متقدم). الأفضل للتحليلات الشريطية والخطية والمبعثرة والخريطة الحرارية والمخططات المساحية والتحليلات متعددة السلاسل. يُستخدم عندما يكون لديك صفائف بيانات رقمية تحتاج إلى تصور إحصائي. Vega للمخططات الرادارية وسحب الكلمات. ليس للمخططات العملية (استخدم حورية البحر) أو بطاقات مؤشرات الأداء الرئيسية السريعة (استخدم الرسم البياني).
ثبّت مهارة الذكاء الاصطناعي vega بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: xicilion/markdown-viewer-extension.
Quick Start: Structure data as array of objects → Choose mark type (bar/line/point/area/arc/rect) → Map encodings (x, y, color, size) to fields → Set data types (quantitative/nominal/ordinal/temporal) → Wrap in `vega-lite or `vega fence. Always include $schema, use valid JSON with double quotes, field names are case-sensitive. Use Vega-Lite for 90% of charts; Vega only for radar, word cloud, force-directed.
| Chart not rendering | Check JSON validity, verify $schema | | Data not showing | Field names must match exactly | | Wrong chart type | Match mark to data structure | | Colors not visible | Check color scale contrast | | Dual-axis issues | Add resolve: {scale: {y: "independent"}} |
For advanced chart patterns and complex visualizations, refer to references below:
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/xicilion/markdown-viewer-extension --skill vegaقم بإنشاء مخططات تعتمد على البيانات باستخدام Vega-Lite (بسيط) وVega (متقدم). الأفضل للتحليلات الشريطية والخطية والمبعثرة والخريطة الحرارية والمخططات المساحية والتحليلات متعددة السلاسل. يُستخدم عندما يكون لديك صفائف بيانات رقمية تحتاج إلى تصور إحصائي. Vega للمخططات الرادارية وسحب الكلمات. ليس للمخططات العملية (استخدم حورية البحر) أو بطاقات مؤشرات الأداء الرئيسية السريعة (استخدم الرسم البياني). المصدر: xicilion/markdown-viewer-extension.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/xicilion/markdown-viewer-extension --skill vega بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/xicilion/markdown-viewer-extension