A React.js + Blask/MongoDB Web应用程序,详细介绍了有关冠状病毒的信息,包括数据集,新闻,时间序列分析和疫苗分销信息。利用6个API来通过用户友好的接口获取和呈现数据。利用Chart.JS和D3.js进行动态可视化。
这是有关Web应用程序的视频演示。
Web应用程序有4个部门;一个用于数据集,一个用于特定新闻,一个用于时间序列分析,另一个用于疫苗分销统计。这些标签中的每一个都利用了它自己的独特REST API,它是从烧瓶后端获取的。 REST API从其著名组织提供的独特API(例如data.gov,cdc.gov,covidtracking.com或newsapi.org)中获取。
该Web应用程序由两个主要过程组成:Python后端和React前端。首先,Python后端首先从各个API中获取其特定路线的JSON(因为烧瓶将其返回值路由到URL的该特定选项卡),然后循环在JSON中,抓住了所需的一切。将这些特定索引附加到数组之后,然后以JSON词典的形式返回该数组,并将其返回为前端的REST API。然后,前端将其收回的数据格式化(它是数据集及其元数据或正面的元数据或每天的否定案例),将其呈现在列表,可滚动的DIV或图形表示中,分别与该标签上的任何标签上的数据。
下面的图像概述了应用程序功能及其用户界面。 
第一部门包括与冠状病毒有关的相关数据集。每个数据集“单元格”都包括数据集的标题,作者,负责发布的组织,发布日期以及数据集的简要说明。它还提供了数据集的下载链接,如果要查看数据本身,则很有用。数据和元数据由data.gov提供。

第二师包含有关冠状病毒的信息统计信息。它还包含图形形式的时间序列分析,并从Covid跟踪项目中获取数据。

时间序列分析以图的形式表示,其中绘制的点是从Covid跟踪项目中获取的。下面是图形的图像,其中所有不同参数在单个图中表示。

下图表示图表的动态性质,具有可调节参数以满足用户的需求。如果用户不需要查看Paticular参数,则可以简单地将其划出,并且图形和轴自动调整,所有这些都可以通过平滑的动画进行调整。

第二个图表示特定值的衍生(或变化率)(例如每天总病例,每天住院等)。该图通常由于共同测试实践而具有振荡性质,但可以很好地表明与历史上的问题相比,当前时刻的严重程度有多严重。与最后一个图相似,此图也是动态的,允许用户根据其酌处权更改和调整图形。

下面是页脚的图像,该日期是最后更新的日期,直接从COVID跟踪项目API中取出。

第三师包含有关冠状病毒的新闻。每个新闻“单元格”都包含文章的标题,作者,出版物,发布的日期,封面图片的图像以及数据集的简要说明。它还提供了一篇文章的链接,以供将来查看或学习更多。数据和元数据由newsapi.org提供。


第四师包含相关的疫苗信息,包括分布统计,统计数据的可视化以及从cdc.gov表示疫苗进展的美国地图。

该部门每次裁判中包含疫苗剂量的运输和管理,所有这些都以可滚动的形式。它还按区域进行分组,以便于最终用户访问。

该部门还包含其上方数据的条形图(疫苗剂量运输和判决管理),这可以帮助用户以更容易查看格式查看与自身的数据。

最后,为了在地理位置上查看疫苗的进度,提出了美国地图。通过徘徊在一个状态下,可以查看上面显示的数据(以映射方式进行了格式),并同时查看其ICU能力的当前状态。红色越深,紧急状态状态越重要。
