ما هي bubble-chart؟
بناء مكونات BubbleChart. تُستخدم للمخططات المبعثرة مع ترميز الحجم، وإظهار العلاقات بين ثلاثة متغيرات. المصدر: dennisadriaans/vue-chrts.
بناء مكونات BubbleChart. تُستخدم للمخططات المبعثرة مع ترميز الحجم، وإظهار العلاقات بين ثلاثة متغيرات.
ثبّت مهارة الذكاء الاصطناعي bubble-chart بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: dennisadriaans/vue-chrts.
BubbleChart displays data points as circles where position (x, y) and size encode three different variables. Great for showing relationships and clusters.
| data | T[] | required | Array of data objects | | categories | Record | required | Color mapping for categoryKey values | | categoryKey | keyof T | required | Data key for bubble coloring | | xAccessor | (d: T) => number | - | Function to get x-position | | yAccessor | (d: T) => number | - | Function to get y-position |
| sizeAccessor | (d: T) => number | - | Function to get bubble size | | sizeRange | [number, number] | [1, 20] | Min/max bubble radius in pixels | | opacity | number | - | Bubble opacity (0-1) | | height | number | required | Chart height in pixels | | xFormatter | (tick, i?, ticks?) => string | - | X-axis label formatter |
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chartبناء مكونات BubbleChart. تُستخدم للمخططات المبعثرة مع ترميز الحجم، وإظهار العلاقات بين ثلاثة متغيرات. المصدر: dennisadriaans/vue-chrts.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chart بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/dennisadriaans/vue-chrts