加密货币气泡可视化 (Crypto Bubbles)

一个交互式的加密货币可视化项目，灵感来源于 CryptoBubbles。项目通过动态气泡的方式展示加密货币市场数据，让用户能够直观地了解市场走势。

界面截图

功能特点

• 实时数据展示：通过 CoinGecko API 获取最新的加密货币市场数据
• 动态气泡效果：
  • 气泡大小反映价格变动幅度
  • 绿色表示上涨，红色表示下跌
  • 气泡会自动移动并相互碰撞
  • 点击空白处会产生气泡弹开效果
• 自动更新：每120秒自动更新一次市场数据
• 响应式设计：自适应不同屏幕尺寸

数据来源

项目使用 CoinGecko API 获取实时加密货币数据，包括：

• 币种符号
• 当前价格
• 24小时价格变动百分比
• 市值
• 货币图标

如果 API 请求失败，系统会自动切换到备用数据以保证视觉效果的连续性。

使用方法

直接在浏览器中打开 crypto_bubbles_example.html 文件即可运行。无需额外的服务器或依赖项。

交互方式

• 悬停在气泡上可以看到放大效果
• 点击页面空白处可以看到气泡弹开效果和涟漪动画
• 气泡会自动移动并相互碰撞
• 窗口大小改变时会自动重新布局