Geek(@geekbb)
666 A Share Market Heatmap, Built with Next.js, Plots All A Shares by Industry and Market Cap as TreeMap 👇
9.2Score
TL;DR · AI Summary
An A-share heatmap built with Next.js visualizes all A shares by industry and market cap, offering interactive exploration capabilities.
Key Takeaways
- Next.js used to build A-share heatmap, showing industry and market cap informati
- Heatmap uses color and size to reflect data, interactive exploration of details
- Data-driven visualization improves financial analysis efficiency and user experi
Outline
Jump quickly between sections.
Introduce the A-share heatmap project, demonstrating its technology stack and application scenarios.
Details how to build a treemap using Next.js and D3.js.
Showcase the interactivity and data exploration capabilities of the heat map.
Mindmap
See how the topics connect at a glance.
查看大纲文本（无障碍 / 无 JS 友好）
- A 股热力图
- 技术实现
- Next.js
- D3.js
- 功能特性
- 行业分类
- 市值大小
- 交互探索
Highlights
Key sentences worth saving and sharing.
Built with Next.js and D3.js, the TreeMap visualizes A-share stocks by industry and market cap.
The heatmap uses color to distinguish industries and size to represent market cap, displaying stock codes and names on hover.
Clicking on a specific industry expands it to show stock performance and格局 in细分 sectors.
#Next.js#Frontend Development#Data Visualization#A-Shares#Financial Analysis
Open original articleDon’t miss what’s happening
666 A 股市场热力图，用 Next.js 做的，把 A 股所有股票按行业和市值画成矩形树图
Quote
wenyuan
@wenyuanw_
3h
Replying to @geekbb
大佬看下我这个，开源的 A 股大盘热力图
github.com/wenyuanw/a-sha