S&P 500 HEATMAP
按行业分块，每块的面积正比于该公司的市值，颜色是它当日的涨跌。方格以中文公司名标注，放得下的大格再补上交易代码与股价。每块瓦片上同时写出带 ▲▼ 的涨跌数字，另有图例与完整数据表——颜色不是唯一的编码方式。点开任一块即是该公司的完整行情页。
滚轮可以缩放：放大不是把同一张图糊着放大，而是在更大的画布上重新排一次版，小市值公司的格子因此变大，名字、代码与股价才真的显示得出来。到了最大或最小档还继续滚，页面照常滚动，不会把你困在图里；也可以用下方按钮或 + − 0 键。
美股开盘后会跟着动：站内任务每约30分钟重取一次全部成分股的最新价，页面每20秒重读这份站内静态文件（不在浏览器里调用任何外部行情接口），只有确实更新时才覆盖。这不是实时行情——刷新周期约30分钟，交易所自身还有延迟（美股常见15分钟），标题下方会写明覆盖了多少家与更新于多久前。
正在读取站内每日管道生成的标普500快照…
同一批成分股换一种看法：横向按行业分列，纵向是这一档的涨跌，气泡面积正比于市值。 颜色与热力图同一套色阶——两张图摆在一页上，不该为了看第二张重新学一遍颜色。 行业身份由列的位置与列标题承担，不另派十一种颜色：气泡这类任意两点都可能相邻的图形， 分类色最多撑得住三种，十一种在色觉差异下必然有几对分不开。放得下的气泡上直接标出公司名与股价。