项目简介
河南电力全景感知大屏 Demo:React + Three.js + R3F + ECharts 实现的省级电力数据可视化。
中间为河南省三维地图(挤出市块、光柱、飞线),支持 2D / 真高程 3D 一键切换;点击市域可查看运行状态、供电面积、装机与负荷等详情。左右两侧为发电汇总、用电预测、设备规模、用电大市 TOP5、故障异常等图表面板。
适合大屏演示、Three.js / 数据可视化学习与二次开发。解压后 npm install → npm run dev 即可运行。
功能清单
- 左中右经典大屏布局,标题栏 + 两侧图表 + 中央地图
- 河南省 GeoJSON 挤出地图:市块、描边、光柱、飞线、入场动画
- 2D / 3D 模式切换:3D 复用同款视觉,顶面叠 AWS Terrarium DEM 真高程
- 点击市域弹出详情卡(运行状态、面积、装机、负荷等)
- 左侧:发电汇总、用电量预测、上半年发电柱状图
- 右侧:电网设备数量、用电大市 TOP5 雷达图、故障异常列表轮播
- 技术栈:React 19、Vite、Three.js、React Three Fiber、Drei、d3-geo、ECharts、GSAP、Zustand、autofit.js
- 支持大屏分辨率自适应;源码可二次开发与对接真实接口





