bubble-chart-generator

This skill generates professional, interactive bubble chart visualizations using Chart.js. Bubble charts are ideal for displaying three-dimensional data on a 2D plane: X-axis, Y-axis, and bubble size. The skill creates a complete MicroSim package suitable for embedding in educational content or documentation sites built with MkDocs.

Create a new directory for the MicroSim following this pattern:

Naming convention: Use kebab-case (lowercase with hyphens) for directory names that are descriptive and URL-friendly (e.g., skill-impact-chart, portfolio-analysis, risk-assessment-matrix).

تنشئ هذه المهارة تصورات تفاعلية للمخطط الفقاعي Chart.js للمصفوفات ذات الأولوية وتحليل البيانات متعددة الأبعاد. استخدم هذه المهارة عندما يحتاج المستخدمون إلى إنشاء مخططات مبعثرة بأحجام فقاعية متغيرة، خاصة لمصفوفات الأولوية 2 × 2 (التأثير مقابل الجهد، والمخاطر مقابل القيمة، وما إلى ذلك)، أو تحليل المحفظة، أو أي تصور يقارن العناصر عبر بعدين مع البعد الثالث الذي يمثله الحجم. تقوم المهارة بإنشاء حزمة MicroSim كاملة مع HTML وCSS والوثائق. المصدر: vishalsachdev/claude-skills.