5000+只A股,如何一眼看清市场?


5000+只A股,如何一眼看清市场?

5000+只A股,如何一眼看清市场?

媲美商业软件的A股热力图工具,完全免费开源!矩形树图直观呈现板块轮动与个股涨跌,7种视图全覆盖。

A股市场5000+只股票,传统行情软件以列表+K线图为主,投资者需要逐一浏览才能感知全市场温度。
三大痛点,你中了几个?
📊 信息过载 — 5000+只股票,表格难以快速识别热点板块
🔄 板块轮动感弱 — 无法直观看到”钱流到哪里去了”
💰 工具收费高 — 同花顺、东方财富的市场全景功能多为VIP付费

矩形树图:市场全景一目了然
a-share-heatmap 用矩形树图(Treemap)解决了这个难题:
📐 面积 = 流通市值 — 市值越大,矩形面积越大,一眼识别权重股
🎨 颜色 = 涨跌幅 — 红涨绿跌,亮度映射涨跌幅度
📍 位置 = 行业板块 — 同板块股票聚集在一处

7大市场视图,全方位分析
交互功能:滚轮缩放、鼠标拖拽、双击跳转雪球、悬浮弹窗、截图分享

自研Canvas渲染引擎,技术亮点揭秘
不同于市面常见的ECharts/D3.js方案,这个项目选择了纯Canvas 2D自研渲染:
🖥️ 纯Canvas 2D — 无ECharts/D3依赖,轻量高性能
🌲 四叉树空间索引 — O(log n)悬浮检测,5000+节点流畅运行
📐 弹性字体大小 — 16px→9px自适应,小市值股票也清晰可见
⚡ 性能优化 — Serverless调用减少75%,Vercel Free即可支撑
技术栈:Next.js + TypeScript + Tailwind CSS + Radix UI

完全免费,开源可自部署
✅ MIT License — 完全开源,可自由修改和商用
✅ Vercel Free — 成本为0,100GB带宽/月足够个人使用
✅ 7种视图全覆盖 — 对标商业软件的市场全景功能
✅ 移动端适配 — 触屏双击选板块、双指缩放、滑动拖拽

GitHub: wenyuanw/a-share-heatmap
在线体验: https://map.wenyuanw.me

推荐理由:对于希望拥有私人市场热力图工具的A股投资者、量化开发者或前端学习者,这是一个不可多得的参考项目。完全免费、完全开源、一键部署!

名称已清空
微信扫一扫赞赏作者

喜欢作者其它金额
作品
暂无作品
喜欢作者
其它金额
其它金额
赞赏金额
¥
最低赞赏 ¥0
1
2
3
4
5
6
7
8
9
0
.
收录于热门开源项目
天津,23分钟前,