{"repo":"knight-L/sc-datav","free":true,"listed":false,"github":"https://github.com/knight-L/sc-datav","clone":"git clone https://github.com/knight-L/sc-datav.git","description":"Three.js 可视化大屏，地理轮廓精确呈现3D地图","language":"TypeScript","stars":2168,"topics":["3dmap","react","threejs"],"license":"Apache-2.0","category":"game-templates","readme_excerpt":"数据可视化大屏 基于 Three.js + React 19 + ECharts 的 3D 地图可视化大屏项目 包含 3D 地图渲染、轮廓飞线、侧边扫光、多图表联动等丰富功能 预览 预览地址 预览地址 ------------------------------------------------------- ------------------------------------------------------- 预览地址 预览地址 ------------------------------------------------------- ------------------------------------------------------- 地图轮廓贴图下载工具 https://github.com/knight-L/sat-hunter 功能特性 1. 3D 地图可视化 : 基于 Three.js 的 3D 地图渲染，轮廓飞线动画效果，侧边扫光视觉效果 2. 省级地图展示 : 四川省地理轮廓精确呈现 3. 多图表联动 : 柱状图、折线图等多种数据可视化形式 4. 响应式设计 : 支持多种屏幕尺寸自适应 5. 实时调试面板 : 使用 Leva 实现参数实时调整 技术栈 本项目是一个基于现代 Web 技术的数据可视化大屏应用，主要技术栈包括： - 核心框架 : React 19 + TypeScript - 构建工具 : Vite (Rolldown 版本) - 3D 可视化 : Three.js + @react-three/fiber + @react-three/drei - 数据可视化 : ECharts - 地理数据处理 : D3-geo - 动画库 : GSAP - 样式库 : Styled-components - 调试工具 : Leva - 自适应布局 : autofit.js 目录结构 开发指南 环境要求 - Node.js = 18 - PNPM = 8 安装依赖 开发运行 构建部署","default_branch":null,"files":null,"tree":[],"storefront":"/r/knight-L","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/knight-L/sc-datav/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}