如何用Vue3和Three.js构建疫情数据可视化界面？

本文共计5021个文字，预计阅读时间需要21分钟。

目录前言项目描述项目目标API说明数据使用项目开始安装依赖首页球体控制球体创建病毒数值增加动画表格展示横向柱状图中国地图历史分析表格下载结语前言自述九月份

目录

• 前言
• 项目描述
• 项目目标
• api说明
• 数据使用
• 项目开始
• 安装依赖
• 首页球体
• 控制球体
• 创建病毒
• 数值增加动画
• 表格展示
• 横向柱状图
• 中国地图
• 历史分析
• 表格下载
• 结语

前言

自成都九月份以来疫情原因被封了一两周，居家着实无聊，每天都是盯着微信公众号发布的疫情数据看，那种页面，就我一个前端仔来说，看着是真的丑啊！(⊙_⊙)？既然丑，那就自己动手开整！项目是2022.9.5开始的，截止2022.9.12我完成了大概有八成。主要是想让数据更加直观，而且可离线下载(当然还有装逼！┑(￣Д ￣)┍)。

项目描述

为证明是有料的，先看效果图(提前装逼！┗|｀O′|┛ 嗷~~)：

项目我是公开了的(￣m￣）有兴趣的可以下下来玩玩，这是我第一次使用vue3+ts构建项目，肯定还有不足的地方(比如ts中疯狂的:any，一直any一直爽^o^/)。