leonaardobrito / COVID-19-Dashboard

新冠疫情数据可视化,包含世界地图,**地图,3D地球,动态排名,支持省市级交互

Home Page:https://tjfish.github.io/COVID-19-Dashboard

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

COVID-19-Dashboard

新冠疫情数据可视化,包含世界地图,**地图,3D地球,动态排名,支持省市级交互;

数据源:霍普金斯大学数据 - 世卫组织WHO - 丁香园实时数据 - Covid Data - 腾讯新闻 - 国旗图片 - 国家中英翻译

Demo

看这里 https://tjfish.github.io/COVID-19-Dashboard/#/

Home

参考项目

我是裁缝王,裁缝王就是我

框架/组件:Vuetify - Apexchart - Leaflet - D3js - Globe.gl- Material Design Icons - Echart - bird

给学弟学妹的建议(Web课)

⛔不要选功能性网站!不要选功能性网站!不要选功能性网站!(如个人博客,网上商城),被怼到怀疑人生

👀可以考虑3d游戏,数据可视化,炫酷网页,功能不要求多,重点就是好看,金爷爷喜欢

👼优秀学长项目

拿良不难,有成品基本就行,拿优看选题和运气

Q & A

Q: Demo网页连接打不开,加载很久?

A: 由于部分数据来自国外,需要VPN才能访问

Q: 项目很好,我想继续开发,有什么建议吗?

A: 不要继续开发

Q: 金👴答辩有什么要注意的吗?

A: 只答不辨,问就道歉;

老师说的都对,是我没考虑清楚;

Q: 金爷爷答辩被怼的好惨,咋办?

A: 建议心态放轻松, 往年来看被怼也不一定拿良,有时候金爷爷很喜欢你的项目,也会怼你。另外金老师只给70%分数,还有助教捞你一手。

Run it

运行项目前,需要先安装npm,由于nodejs自带npm,所以直接安装nodejs 即可。

下载源代码后,项目分为两个子项目

  • Dashboard
# 工作目录
cd Dashboard 
# 安装依赖
npm install 
# 启动server
npm run server 

​ open browser http://localhost:8080/

  • 3d
cd 3d
npm install 
npm run dev

​ open browser http://localhost:1234/

最后,本项目代码混乱,赶工明显,不建议继续开发。谨希望能为学弟学妹们提供一些思路~~

祝好!

About

新冠疫情数据可视化,包含世界地图,**地图,3D地球,动态排名,支持省市级交互

https://tjfish.github.io/COVID-19-Dashboard

License:MIT License


Languages

Language:JavaScript 85.7%Language:HTML 9.2%Language:Vue 4.6%Language:CSS 0.4%Language:Shell 0.0%