概览
Nebula Dashboard 是我的毕业设计,也是目前最完整的一次独立实践:从需求访谈、信息架构、视觉设计,到前后端开发与部署,全部由我一人完成。
问题
运营团队每天要在十几个后台之间来回切换:数据分散、口径不一、找一个问题要导出三次表格。他们需要的不是更多的图,而是一块能直接回答问题的屏幕。
我的角色
独立负责全部环节:用户访谈、信息架构、UI 设计、前端开发、后端 API 与数据库设计。
方案
- 以"问题"而非"图表"组织信息:每屏回答一个业务问题
- 自然语言查询:输入"上周新用户留存",自动生成对应图表
- 全部图表支持钻取,从大盘一路点到单条明细
技术实现
前端使用 Next.js + D3.js 自绘图表,保证渲染性能与视觉一致性;后端 FastAPI 提供聚合接口,PostgreSQL 物化视图支撑秒级查询。自然语言查询通过 LLM 将问题解析为受控的查询 DSL,所有查询都有白名单校验,避免越权与注入。
成果
上线后,运营获取一个常规数据结论的时间从约 20 分钟缩短到 1 分钟以内;答辩获评校级优秀毕业设计。
经验
最大的教训是:先做少,再做对。第一版我做了 20 种图表,最后真正被使用的只有 6 种。砍掉它们之后,产品反而更清晰了。
