SuperAPI AI 工具集

bubble-chart-generator

数据与分析

查看项目

更新于 10-16 04:31

技能介绍

用途:把三维数据(X 轴、Y 轴、气泡大小)画成二维平面上的交互式气泡图,常用于优先级矩阵(影响/投入、风险/价值、成本/收益)、组合对比、象限分析等场景。触发语句如“创建气泡图”“可视化优先级矩阵”等。

主要能力:使用 Chart.js(CDN:https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js)生成主页面 main.html;支持状态/分类颜色编码、气泡尺寸按计数缩放、自定义 tooltip、象限背景与标签(afterDraw 插件)、象限列表统计;配套 style.css 负责图表容器、图例、象限区块、悬停效果、响应式与打印样式。

使用方式:先收集数据结构(名称、X 值及标签、Y 值及标签、尺寸指标、可选状态/分类)与用途;再按 docs/sims/<chart-name>/ 建立 main.html、style.css、index.md,目录名用 kebab-case;index.md 可内嵌 iframe(height="900")并写解读指南、功能说明、定制指南与技术细节;在 MkDocs 中通过 mkdocs.yml 的 MicroSims 导航条目接入;最后在浏览器和 mkdocs serve 下测试断点、边缘裁切、tooltip 与象限列表。

限制:资料未提供安装命令、收费、价格与平台要求;气泡边缘裁切需扩展坐标范围(如 min:-0.5, max:10.5),标签重叠需增大偏移或缩小字号,性能问题可减少数据点或关闭动画;象限颜色不显示需确认 afterDraw 插件注册与 ctx.globalAlpha(0.05-0.1)。