← 返回项目库

LLM 与 CPU 交互可视化中文版

面向中文学习者的 LLM、CPU 和流体模拟交互演示集合。

该 Next.js 应用通过 3D 大语言模型演练、CPU 电路编辑器、RISC-V 学习目录和流体压力迭代面板，帮助用户以可交互方式观察算法和系统内部过程。

真实界面

项目截图

共 6 张

LLM 可视化演练
嵌入(Embedding)
层归一化(Layer Norm)
自注意力机制(Self Attention)
多层感知器(MLP)
输出(Output)

Capabilities

核心功能

✓LLM 3D 模型结构可视化
✓GPT 微型排序模型分步演练
✓嵌入、层归一化、自注意力和输出章节导航
✓CPU 电路画布和运行步进控制
✓组件库弹窗和电路编辑工具栏
✓RISC-V 最小计算机指南目录
✓流体压力迭代、散度和速度场视图

适用场景

在 AI 课程中讲解大语言模型的主要计算流程
在体系结构课程中演示 CPU 电路编辑和单步执行
在算法可视化分享中展示流体模拟的压力迭代变化

适合谁

AI 入门学习者、计算机体系结构课程教师、技术培训讲师、工程团队内部分享人员。

商业化思路

可作为教育演示、技术课程配套和企业内部培训素材交付，也适合改造成互动科普内容。

你会拿到什么

  • ✓Next.js 前端源码和静态资源
  • ✓中文化核心路由与视觉证据采集计划

部署流程

  1. 1安装依赖后执行 yarn build 生成生产构建
  2. 2使用 Next.js 运行环境启动应用并访问静态路由

真实验证结果

已通过 6 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

CPU 深度指南正文较长，当前视觉证据计划覆盖指南目录；LLM 画布中的 GPT 和 nano-gpt 等标准模型名称按技术名保留。

部署难度

中等

最低配置

需要可运行 Node.js 与 yarn 的环境执行 Next.js 构建和服务，前端浏览器需支持 WebGL2 才能查看 LLM 3D 视图。

开源许可证

上游未声明许可证

最后验证

2026-08-25

技术栈

Next.js 13React 18TypeScriptWebGL2SassTailwind CSS

授权说明

上游仓库未提供明确许可证文件；交付包已内置醒目的研究用途与权利声明，仅限学习研究，超出范围需另行取得权利人授权。

Release notes

版本记录

1 个已发布版本

vcn-e92bf79024b4 当前推荐

完成 zh-CN 本地化，覆盖 LLM 主视图、LLM 目录图、CPU 模拟器工具栏、组件库弹窗、CPU 指南目录和流体模拟面板；保留原有功能和路由。

部署要求：需要 Node.js 与 yarn 构建环境；浏览器需支持 WebGL2，才能完整查看 LLM 3D 可视化。

已知问题：构建日志提示 Browserslist 数据过期；LLM 3D 视图需要浏览器支持 WebGL2，CPU 深度指南正文较长。

登录后领取