observablehq 美国 COVID-19 确诊数曲线

本线状图用于显示每天美国 COVID-19 的总计感染用户曲线。我们使用的是在线 JSON 数据,数据是通过 AWS 进行读取的。

你可以直接访问下面的链接来获得我们处理上传的数据。

https://cdn.ossez.com/dataset/json/covid19/covid19-confirmed-daily-us.json

虽然我们每天都会自动上传一些数据,但是你可能的更新数据每次都不一样。

我们主要也是希望通过这个平台来学习 D3 图表的使用。

你可以直接访问下面的链接: https://observablehq.com/@yuchenghu/untitled?collection=@yuchenghu/covid-19

对代码修改后进行编译,需要注意的是我们数据是上传到 AWS 的 JSON 数据,数据的来源是从 https://covidtracking.com/api  下载后处理的。

下载的方式是通过 Spring Batch 构建一个批量处理程序,每天定时获得最新数据后存储到本地数据库中,然后从本地数据库中导出为 JSON 数据。我也认为这种处理方式过于繁琐,其实在内存中就可以实现了,在获得原数据的 API 后,你可以直接将源数据转换为对象。

然后利用 gson 将对象转换为需要的字符串后输出成 JSON 就可以了。

如果你对 AWS  API 比较了解和熟悉的话,你可以利用 AWS 的API 直接将生成的 json 数据上传到 S3 上存储。

做这个小项目的主要是为了熟悉 Spring Batch 的使用,D3 数据图表的配置,AWS API 的存储和使用。

麻雀虽小,五脏俱全,能够帮助你很好的了解微服务,云平台,数据结构等很多知识。

项目的源代码,我们已经发布到 GitHub 上了。https://github.com/ossez-com/covid-19 如果你有兴趣的话也可以参考。

https://www.cwiki.us/pages/viewpage.action?pageId=62619834

原文链接:segmentfault.com

上一篇:(原创)vue-router的Import() 异步加载模块问题的解决方案
下一篇:解决vue-socket.io接收不到数据问题

相关推荐

  • (本人)2019前端校招经历

    我是一个想要找前端工作的妹纸,最近电话面了挺多企业,在每次面试中都会发现自己的不足或者没涉及到的方面,一边被拒一边学习新知识。想要在这里记录、分享前端校招遇到的问题,希望每一次都有提升,下一次不会再犯...

    2 年前
  • 阿里2019 校招 前端面试

    在10月初的时候投递了阿里校招之后,在十月中旬的时候终于接到了初面的邀请。 本来预约的是英国时间早上10点,但是突然接到面试组的电话,询问我是否可以提前到9点,我说可以就赶紧洗漱准备面试了。

    1 年前
  • 邀好友赢大奖!快来抽取你的 2019 新年上上签!

    还有不到一个星期,2019 年就将正式「官宣」。值此之际,七牛云特别推出【好运+好礼】新年上上签活动~不仅有好运好彩头,还有超多惊喜好礼等你拿。天猫购物卡、七牛云产品优惠包、樱桃机械键盘、终极大奖 i...

    2 年前
  • 这可能是2019年最全的前端面试题

    本文章主要参照了yck 的掘金小册——《前端面试之道》,以及我自己面试或工作的总结。侵删。 我把xmind放到了github中,小伙伴们,如果帮到你们了,可以顺手帮我点个赞吗,谢谢了。

    1 年前
  • 转行学前端的第 19 天 : 基础店铺页面样式实现(1)

    我是小又又,住在武汉,做了两年新媒体,准备用 6 个月时间转行前端。 今日学习目标 按照昨天的规划,基于昨天学习的CSS变量实现基础店铺页面上半部分样式效果了,加油,小又又!!!! 确认...

    6 个月前
  • 请行动2019 | 一切过往,皆是序章

    人生苦短。新年的开端是一份可遇不可求的缘。一年等一回,当新岁的第一轮红日从东方升起时,它让我们格外欣喜,值得我们格外珍惜。回想起自己过去一年,所有的经历历历在目。

    2 年前
  • 精读《React Conf 2019 - Day2》

    1 引言 这是继 精读《React Conf 2019 - Day1》 之后的第二篇,补充了 React Conf 2019 第二天的内容。 2 概述 & 精读 第二天的内容更为精彩,笔者会重...

    1 年前
  • 精读《React Conf 2019 - Day1》

    1 引言 React Conf 2019 在今年 10 月份举办,内容质量还是一如既往的高,如果想进一步学习前端或者 React,这个大会一定不能错过。 希望前端精读成为你学习成长路上的布道者,所以本...

    1 年前
  • 立即收藏!2019前端工程师如何应对裁员潮?

    前言 2019互联网寒冬已至,大批互联网公司纷纷裁员,其实从2018年下半年开始,裁员和市场部收缩预算就经常被提及,阿里巴巴,华为都传出了收缩招聘的新闻。网易的游戏部门和门户部门也先后裁员,趣店裁员9...

    2 年前
  • 用 Jest 进行 JavaScript 测试(2019)

    作者:Valentino Gagliardi 翻译:疯狂的技术宅 原文:https://www.valentinog.com/bl... 未经允许严禁转载 测试是什么意思? 在技​​术术语中测试意...

    1 年前

官方社区

扫码加入 JavaScript 社区