·bubble-chart

بناء مكونات BubbleChart. تُستخدم للمخططات المبعثرة مع ترميز الحجم، وإظهار العلاقات بين ثلاثة متغيرات.

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

التثبيت

$npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chart

كيفية تثبيت bubble-chart

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

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

المصدر: 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
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-02
آخر تحديث
2026-03-10

Browse more skills from dennisadriaans/vue-chrts

إجابات سريعة

ما هي bubble-chart؟

بناء مكونات BubbleChart. تُستخدم للمخططات المبعثرة مع ترميز الحجم، وإظهار العلاقات بين ثلاثة متغيرات. المصدر: dennisadriaans/vue-chrts.

كيف أثبّت bubble-chart؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل 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

التفاصيل

الفئة
</>أدوات التطوير
المصدر
user
أول ظهور
2026-02-02

مهارات ذات صلة

لا يوجد