肝癌证据星图｜临床研究证据交互可视化

技术信息

语言技术
Nginx、HTML5、CSS、JavaScript、Canvas系统类型
Web、H5行业分类
医疗健康、科学研究

作品详情

行业场景

肝癌围手术期治疗相关的临床研究证据分散在论文、会议与指南中，医生和医学事务人员在学术会议、科室学习与患者科普场景下，难以快速定位某项研究的关键结论与证据链。项目将公开的 TALENTOP / TALENTACE 研究证据整理为一张可交互的证据星图，用于学术交流与知识科普，不提供诊疗建议。

功能介绍

· 证据星图：将研究、终点、结论等证据节点按星空拓扑组织，支持缩放与拖拽浏览
· 节点联动：点击任一节点高亮其关联证据链，其余节点弱化显示
· 检索筛选：按研究、治疗阶段、证据类型快速定位节点
· 动画与性能：Canvas 与 SVG 混合渲染，requestAnimationFrame 统一驱动，低端设备保持流畅
· 响应式布局：适配桌面展示与移动端浏览
· 数据看板：登录后查看匿名访问与节点点击统计，用于内容运营复盘

项目实现

我独立完成前端与部署。前端为单文件 HTML/CSS/JavaScript，不依赖框架与构建工具，使用 Canvas 绘制背景星图、SVG 承载可交互节点，requestAnimationFrame 统一驱动动画；证据内容以静态配置内置，避免额外接口。数据看板为独立页面，通过 Nginx 反向代理同源访问 Supabase 事件表，密钥不暴露在前端；服务端使用 Nginx 托管静态资源并配置 TLS，部署脚本以 rsync 发布、重载 Nginx 并执行 5 项冒烟测试校验线上可用性。