这是什么
Code Rainbow 是一个代码可视化工具。它接收你粘贴的代码，按行分析每一行的类型（注释、导入、定义、条件判断、循环等），然后将其渲染为一条彩色光谱——每一行代码变成一道彩色条纹，整个文件变成一幅可交互的"代码彩虹"。
代码视觉化不是新概念，但将每一行代码的类型映射为色谱上的独立色彩，并以交互式光谱的形式呈现——这是代码分析工具与光谱可视化的一次缝合尝试。
色谱映射
每一行代码根据其类型，被映射到彩虹色谱上的一个颜色。颜色按彩虹顺序（红橙黄绿蓝靛紫）排列，对比鲜明，可读性强。
| 类别 | 颜色 | 说明 |
|---|---|---|
| 条件 | 红 | 条件判断（if/else/switch），热点路径 |
| 循环 | 粉红 | 循环（for/while），性能敏感区 |
| 定义 | 橙 | 函数/类/接口定义，架构骨架 |
| 控制流 | 黄 | return/break/throw 等流程控制 |
| 字符串 | 深橙 | 字符串模板/字面量 |
| 运算 | 紫 | 操作符和表达式 |
| 导入 | 蓝 | import/require，外部依赖 |
| 注释 | 绿 | 注释和文档，沉静区域 |
| 变量 | 青 | 变量声明（const/let/var） |
| 语法 | 灰 | 大括号/分号/空白行等结构 |
核心功能
光谱可视化
每一行代码被渲染为彩色条纹，以彩虹光谱的形式展示代码结构分布
交互详情
点击任意条纹查看对应代码行，包含行号、类别标签和复杂度评级
统计概览
自动统计各类别占比、平均复杂度，柱状图直观展示代码构成
多语言支持
支持 JavaScript、Python、Rust、Java、Go、C++ 等主流编程语言
适用场景
- 代码审查 — 一眼看出代码中条件判断和循环的密度分布，快速定位复杂度集中的区域
- 教学演示 — 展示不同编程风格的代码结构差异，可视化对比让初学者直观理解代码组成
- 代码品味 — 注释多的代码偏绿、函数定义偏橙——每段代码的"色谱指纹"独一无二
- 开源探索 — 将知名开源项目代码丢进来，看看它们的"彩虹长什么样"
技术实现
前端：纯原生 JavaScript + Canvas 2D 渲染，无第三方依赖。适配 Retina 屏（DPR 缩放），响应式布局，支持移动端触摸。
后端：Cloudflare Pages Functions，通过 dsv4-proxy 调用 deepseek-v4-flash 进行代码行级分类分析。API 超时自动降级为本地关键字规则分析（正则匹配），保障可用性。
部署：Cloudflare Pages 全球分发，静态资源 CDN 加速，API 冷启动毫秒级。