交互式教育

城市生命体征

给城市做一次全面体检——用人体健康类比,让每个人都能读懂城市环境数据

城市生命体征交互式环保科普教育Dashboard,核心概念:城市=人体。5大体征系统(心跳-交通、呼吸-空气、血液-水、体温-热岛、消化-废物),每个系统包含类比科普、数据可视化、互动滑块模拟、国际案例四个维度。内置12个环保术语智能提示系统(PM2.5/热岛效应/碳汇等悬停即显解释)。体检报告打印机动画+可展开诊断详情。20项城市治疗处方系统(含预算约束50亿元、6组协同效应、治疗方案医嘱单)。三种城市未来路径模拟(放任/渐进/再生,2025-2050年动画演进+城市天际线SVG动态变化)。量化个人与城市行动清单。方法论与局限性透明说明。

https://prescription.lidanhuanbao.com
城市生命体征
在线体验

核心亮点

1

城市=人体类比体系:5大体征(心跳/呼吸/血液/体温/消化)×4个维度(类比/数据/互动/案例),20个交互式面板

2

处方系统:20项治疗措施+50亿元预算约束+6组协同效应,生成完整医嘱单含投资回报和改善周期预测

3

12个环保术语智能词条:PM2.5、热岛效应、碳汇、海绵城市等,悬停即显通俗解释,降低认知门槛

4

三种未来路径模拟:放任/渐进/再生城市2025-2050动画演进,SVG天际线随时间动态变化(烟雾增减/绿化消长)

功能模块

1

5大体征互动面板 — 每个系统含SVG动画(心跳/肺呼吸/水滴涟漪/温度计/回收循环)、Recharts图表、3参数滑块实时模拟

2

体检报告打印机 — IntersectionObserver触发打印动画,可点击展开5项异常指标的详细诊断分析

3

城市医生处方台 — Zustand全局状态管理,预算进度条、分类折叠面板、5维评分环、20年康复预测时间线

4

量化行动清单 — 6项个人行动+5项城市治理方案,每项标注具体效果数据和全市聚合影响

技术栈

Next.jsReactTypeScriptRechartsZustandTailwind CSS

相关标签

城市体检环保科普热岛效应交互式教育城市代谢再生型城市

AI 助手

立丹环保智能客服

您好!我是立丹环保的AI助手。有什么可以帮助您的吗?您可以询问我们的服务、技术能力或具体案例。