“知疫”疫情数据可视化平台——Beta发布说明

“知疫”疫情数据可视化平台——Beta发布说明

一、前言

经过团队的开发，“知疫”疫情数据可视化平台Beta版本终于趋于完善。在Beta版本中，我们根据前一阶段的用户反馈做了很多的更改。同时更令人激动的是，我们终于适配移动设备了。现在在PC和手机上，您都能有比较良好的体验了。

除此，在Beta阶段我们增加了搜索的入口以及出行建议、新闻资讯功能，进一步完善了平台的功能，希望能为用户带来更多的关于新冠疫情的信息。最后，如果有任何的建议，也欢迎向我们提出。

可以前往以下网站进行使用：

“知疫”疫情数据可视化平台

二、这一版本修复的缺陷

2.1 为概要数据表格增加了搜索功能

缺陷：在原有的概要数据表格中，若用户想要查询特定国家的信息只能依靠肉眼进行搜索。对于用户而言，这样的搜索方式费时费力，体验并不好。

修复方式：在国家名称列中增加搜索框，用户可以通过输入对应国家的名称进行筛选操作。

修复效果：

在搜索框中输入印度，可得如下结果：

将会显示国家名称中包含印度的所有国家。

2.2 为长数字增加了分隔符

缺陷：在数字过大时，对用户而言一眼看出数字的数量级比较困难，同时也会加大用户的视觉负担。

修复方式：对长数字，每三位增加,分隔符

修复效果：

2.3 感染地图界面新增感染率指标

缺陷：在疫苗界面中存在接种率的指标，但是在感染界面中缺少感染率的指标。有用户提出，这导致二者的数据类型不对应。因此，在beta版本中增加这一指标。

修复方式：新增感染率指标

修复效果：

2.4 增加下拉提示

缺陷：在地区地图页面，折线数据的显示在页面下方没有明显提示，用户很难发现可以进行下拉。

修复方式：在页面中增加了提示标志，若点击该标志，页面将直接下滑至折线数据部分。

修复效果：

2.5 为感染地图的各项展示重新定义了不同的映射

缺陷：在感染情况界面，感染图的新增、累计、确证、死亡等项使用统一的映射，但由于各项数量级有很大差异，国内外情况也差距颇大，故会出现整个地图只有1、2种颜色的情况，而且治愈并不适合使用与感染相同的红黑配色，可视化效果不好。

修复方式：对于国内外及感染地图的各项使用不同的颜色映射，并使用有生命力的绿色来表示累计治愈。

修复效果：

• 映射范围的修改见网站

• 累计治愈修改效果如下：

  

2.6 地图的NAN显示

缺陷：在alpha过后，有部分用户反映地图悬浮框上没有数据时显示NAN效果不好

修复方式：没有数据的地区不显示悬浮框

修复效果：

三、功能和特性

1、各国感染及接种详情界面 折线图下拉 提示

功能说明：

在感染详情及接种详情界面，右下角有一个明显的下拉提示，触碰提示查看折线图，可以通过点击将页面滑到底部显示折线图

解决的问题：

• 用户在浏览详情界面时，可能会忽略下面的历史数据折线图，可通过这个较明显的按钮，提示用户下方的内容，同时帮助用户快速查看下方折线图

2、出行建议

功能说明：

在出行建议界面下，系统可以根据用户选择的目的地与出行时间，给出针对性的出行建议（每天更新），包括

• 目的地的政策严格性指数
• 14天内的新增感染数
• 目的地的风险等级（国内，如存在中高风险地区，会详细列出）（每天去官方平台进行爬取）

目的地选择方式有两种：

• 通过提供的级联选择器直接进行选择

• 通过搜索联想进行选择

解决的问题：

• 对地区安全指数的个性化分析
• 为用户提供科学的出行建议

应用场景：

小明是北京的一名在校大学生， 他的家乡在广东佛山，端午节到了，他想回家去探望一下父母，但是广东最近的情况不容乐观，通过查询“知疫”平台，他清楚地了解到了广东近14天的新增感染病例数，并且发现佛山存在两个中风险地区，平台给的建议也是如非必要不要前往，于是他想：还是算了，等到暑假广东安全了再回家吧。

3、地区详细信息搜索

功能说明：

通过菜单栏的搜索框，用户同样可以通过两种方式来选择地区（包括国内外的国家、国内省市），来进行搜索，过程如下：

搜索结果分为以下几部分：

• 疫情感染与疫苗接种信息

• 接种结构：通过点击查看接种机构按钮显示（只在中国地级市的搜索结果中显示接种机构）

  

  同时

  • 如果数据不存在，显示暂未收录

• 如果数据存在，采用动态加载机制进行显示

• 出行建议：通过点击出行建议按钮跳转

  

• 疫情地图：通过点击查看地图跳转

  

解决的问题：

• 对地区的针对性查询，满足用户的需求
• 将某个地区的所有信息（感染接种信息、接种机构、感染地图、出行建议）集中进行显示

应用场景：

李四对德国的新天鹅城堡慕名已久，想趁假期去看看，准备出发之前，他打开平台搜索新天鹅城堡所在的州Bayern，看到它的感染与接种的详细信息，发现当前感染人数很多；而且通过查看德国的感染地图，也发现德国的疫情比较严重；最后，他查询平台的出行建议，发现出行风险为高。他有点害怕，所以决定还是先在国内旅游，等疫情过去再去德国吧。

4、疫情与疫苗的新闻资讯

功能说明：

在新闻资讯界面，通过每天对百度新闻进行爬取，将新闻分为疫苗新闻与疫情新闻两部分，每类显示20条，点击可链接到外部新闻网站

解决的问题：

• 国内外疫情资讯的展示
• 用户可快速查看疫情及疫苗最新新闻

应用场景：

王奶奶是一名退休人员，但是她仍然很关心国际形势与国内发展，尤其是最近新冠疫情在国内外进行蔓延，造成了大量的感染与死亡。通过”知疫“平台，她不但可以清楚地看到国内外各个地区的可视化感染与接种情况（人老了， 不喜欢看密密麻麻的数字），还能够每天看一会最新的疫情新闻，帮助她更好地了解国内外地疫情情况。

5、移动端适配

功能说明：

对于网页端的各种功能，我们在移动端上进行了界面适配，目前，移动端与PC端的功能表现基本保持一致

解决的问题：

• 平台在移动端的显示

应用场景：

王先生是一个50多岁的仍在工作岗位上奋斗的文职人员，他平常很少用到电脑，在手机上看到”知疫“平台发布的alpha宣传时，他好奇地点开了，但是眼前一片混乱：菜单栏换行、字体大小不合适、各种组件排列混乱... ...，他的体验感极差，而在”知疫“推出的Beta版本上，点开链接，页面清楚大方，排列整齐，他可以流畅地使用各种功能，体验感很棒，还实现了很多实用性的功能，他决定要把这个平台推荐给他的同事、家人和朋友。

四、运行环境要求

本应用使用 Vue搭建，由于Vue使用了 IE8 无法模拟的 ECMAScript 5 特性，因此不支持IE8及以下版本，但它支持所有兼容 ECMAScript 5 的浏览器，以下是部分兼容浏览器：

• Firefox78版本及以上

• chrome88版本及以上

• edge89版本及以上

• safari14版本及以上

• Opera75版本及以上

• IE11浏览器能够完美模拟ECMAScript 5特性

  本平台推荐使用edge，chrome，safari进行访问

此次项目对移动端做了适配。采用了移动端组件库Vant 2，Vant 2 支持上述浏览器，系统版本要求Android >= 4.0、iOS >= 8.0。

五、安装与使用方法

知疫 平台上手很简单，无需注册，以网站的形式公开提供疫情和疫苗的可视化、出行建议、新闻资讯等服务。用户在浏览器中输入域名www.zjtdzhiyi.com就可以进入知疫平台的欢迎界面。在欢迎界面用户可以通过展板快速了解网站的功能和使用方法，点击开始就能够享受到我们的服务啦！

该平台作为web应用以网站的形式发布，目前注册了域名，可以访问域名www.zjtdzhiyi.com进行访问

六、已知问题和限制

1、由于地图资源较多，首次使用地图间的跳转功能时可能需要几秒钟的加载时间。首次点击后，加载时间的问题将会大大改善；

2、目前本网站采用固定时间更新数据，由于全球各个地区数据来源不尽相同以及时差的问题，您看到的数据可能会有一定延迟，如需要精确的数据，请对比权威渠道进行使用；