bubble-chart-generator

SKILL.md

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 バブル チャート視覚化を生成します。このスキルは、特に 2x2 の優先順位マトリックス (影響と労力、リスクと価値など)、ポートフォリオ分析、またはサイズで表される 3 番目の次元で 2 つの次元にわたる項目を比較するビジュアライゼーションなど、さまざまなバブル サイズで散布図を作成する必要がある場合に使用します。このスキルは、HTML、CSS、ドキュメントを含む完全な MicroSim パッケージを作成します。 ソース: vishalsachdev/claude-skills。

原文を見る