如何用Vue3和Three.js打造长尾词疫情可视化查询工具？

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

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

目录

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

前言

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

项目描述

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

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