React 雾霾数据可视化

[yanm1ng]

雾霾数据分析平台

利用 node.js 爬取雾霾数据后用 echarts 和 antd 进行展示，临时写的代码还比较乱。。。 GitHub 仓库地址 https://github.com/yanm1ng/react-visualized-platform

step1

npm i
npm run dev

step2

open bowser at http://localhost:8980/#/map

数据来源

http://datacenter.mep.gov.cn

分析工具

• ECharts
• Ant-Design

部署

可以将 spider 文件夹放到远程服务器然后建立一个 crontab 定时任务

> crontab -e
> 00 12 * * * /usr/local/bin/node /dev/spider/index.js 2>&1 # 每天 12：00 执行

效果

1. 全国地图
2. 所有城市
3. 城市折线

[bellchu]

不错 放公司 Intranet

[Eleutherios]

建议把爬虫和展示拆成两个组件

[antowa]

提个建议：把配色更新下。现在有点偏灰

[yanm1ng]

@antowa 好的👌