TokenTown:把 LLM 变成一座可视化城市

TokenTown: A visual way to understand how LLMs work

TokenTown 将复杂的 LLM 内部运作过程具象化为一座等距视角的城市。在这里,每一个街区都对应 Transformer 模型的一个阶段:从 Tokenizer Docks 的切分,到 Embedding Foundry 的向量化,再到 Attention Plaza 的注意力计算。用户输入提示词后,可以看到隐藏状态像车队一样穿梭于城市道路,经历 LayerNorm、多头注意力、残差连接和 GELU 前馈网络,最终在 Vocabulary Stadium 生成概率分布并采样出下一个 token。该项目在浏览器中实时计算了分词、嵌入查找、位置编码和 KV cache 等核心步骤,虽然权重是随机的,但其机制完全真实。通过这种生动的可视化方式,即使是非专业人士也能直观理解 LLM 是如何一步步‘思考’并生成文本的。

把这座城写出的文字当作风景,把其运作机制当作课程。
  1. foltik

    我通读了那些解释,全是典型的 LLM 式胡扯,堆满行话和一堆无关紧要的细枝末节。如果你打算把它作为学习工具公开呈现,最好能花点真正的人力去亲手打磨润色,而不是直接把 Claude 生成的初稿扔过来。我差不多能猜到你用了什么提示词,而且很可能能得到同样的结果。

  2. GCUMstlyHarmls

    “这不是代码里的循环:这是一堆不同的块”

    然后却字面意义上地循环了 6 次。

  3. Hugada

    我觉得你得懂很多才能看懂这个,所以或许应该提一下读者需要预先具备哪些知识,才能让它变得可理解。

同日更多故事

2026-07-29