Skip to content

theBig-brother/newcrown

Repository files navigation

立意:

各省份新冠的每日新增与总数量对比

设计思路:

首先,我想到了可以通过方块的大小表示数量,其次,我想到了可以用下落的方式表示增加。之后,我觉得一个▶与||太单调,就找了一个骑马小人。<与>换成👈与👉。一个“确定”也单调,就做了一个小球拼出的字。省份做了19个省,因为我觉得这些已经可以显示这个项目的目的--可视化。我还想到日期变化不明显,就加了一个红色闪烁。因为这个是一天做完的,而且都跑路了,所以有点粗糙。见谅

内容:
头部:

最左边的是日期,右边的三个按钮分别是左移动一天,暂停,右移动一天。

点击左手减少一天(第1天不变),点击右手增加一天(最后一天不变),天数变动的时候日期短暂变红

点击天数不变不是bug,是原数据有的一天会采样多次,但各省采样时间不同所以没在项目中体现

暂停是一个骑马小人(素材来自网络),点一次canvas停止运行,同时小人停跑。再点一下继续

输入框输入日期(23/01/2020-30/01/2023),点击确定跳转

确定由小球构成

canvas部分

蓝色方块不停下落。方块长度代表新增人数。大于40后蓝色方块达到最大。

粉色方块表示总感染人数,增加一个加长1px。在安徽>100后增加十个加长1px,>1000增加一百个加长1px

粉色方块上方数字是总感染人数

js文件:

get:获取元素。style:控制头部的js,包括小人与日期。enter:控制小球拼接字符。infect:存放数据(原生js不能读取文件)main:控制canvas计数。draw:控制画方块函数。class:蓝色方块类与粉色方块类

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published