bubble-chart-generator

Create interactive bubble charts by providing your data as an array of items with label, x, y, and count values, then loading the template HTML to render the chart. Bubble size encodes the third dimension on a 2D plane.

Generate priority matrices with Chart.js using built-in quadrant-based interpretations, quadrant shading, and color-coding presets. These features allow multi-criteria comparisons across two axes with automated visual categorization.

Structure data for portfolio analysis bubble charts as an array of items containing label, x, y, and count fields. This framework supports multi-criteria comparisons across two axes with bubble size encoding a third dimension.

The bubble chart generator works with MkDocs documentation by providing MkDocs-friendly templates and documentation assets for quick embedding. Load the template HTML to render interactive Chart.js visualizations.

No external dependencies are required. The skill provides a ready-to-use framework with automated scaffolding for Chart.js bubble charts, including responsive rendering, axis labeling, and category-based color coding.

Use bubble charts when comparing items across two dimensions with a third dimension represented by bubble size. They are applicable to priority matrices, portfolio analyses, and multi-criteria comparisons requiring quadrant-based interpretations.