空气质量可视化
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
3 数据预处理
1.excle格式处理不方便
用python读取数据转化成json字符串，保存为.json格式文件。
3 数据预处理
2.部分数据格式有问题
AQI指数一项，后面有部分数据带有空格 还有些条目缺少数据
设计过程
4 设计过程
65%
1.工具选择
搜索常见的可视化工具，查看示例，文 档。最后打算用百度的Echarts实现。
空气质量指数
可视化
专硕一班：石成
wk.baidu.com
设计思路
1 设计思路
Python
Json
Echarts Free Html5
数据来源
2 数据来源
PM25.in
PM25.in为大家提供空气质量监测 数据的网站，数据采自于国家环境保护 部。我们使用了2014年11月到2015年 11月的全国天气质量指数数据。
数据预处理
3.动态展示
5 整体结构
4.其他图表类型
5 整体结构
5.未完善部分
6 交互功能
交互功能
1.Echarts工具生成的图表，本身自带交互功 能。
2.自己设计的交互功能
（1）动态演示中图表与音乐的同步播放与暂停，重新开始等。 （2）不同类型图表之间的切换。 （3）输入合理的日期即可显示该天天气情况
TNANK YOU
45%
15%
4 设计过程
JavaScript
bootstrap
JavaScript用 来给HTML网 页增加动态功 能。 还用到 JavaScript框 架jQuery。
用了一 些样式 效果
Free HTML5
网页模板 网页整体 的布局
5 整体结构
1.项目主页
5 整体结构
2.天气情况查询
5 整体结构