covid_timelapse

所属分类:数据可视化
开发工具:JavaScript
文件大小:9607KB
下载次数:0
上传日期:2022-01-04 22:22:17
上 传 者sh-1993
说明:  约翰系统科学与工程中心(CSSE)提供的Covid-19数据的时间轴可视化...
(A timelapse visualization of Covid-19 data provided by the Center for Systems Science and Engineering (CSSE) at Johns Hopkins University)

文件列表:
config (0, 2022-01-05)
config\env.js (4315, 2022-01-05)
config\getHttpsConfig.js (1861, 2022-01-05)
config\jest (0, 2022-01-05)
config\jest\babelTransform.js (526, 2022-01-05)
config\jest\cssTransform.js (314, 2022-01-05)
config\jest\fileTransform.js (1261, 2022-01-05)
config\modules.js (3492, 2022-01-05)
config\paths.js (2315, 2022-01-05)
config\pnpTs.js (620, 2022-01-05)
config\webpack.config.js (32754, 2022-01-05)
config\webpackDevServer.config.js (6966, 2022-01-05)
covidtimelapse.gif (9564986, 2022-01-05)
package-lock.json (1652851, 2022-01-05)
package.json (4861, 2022-01-05)
public (0, 2022-01-05)
public\index.html (1842, 2022-01-05)
public\robots.txt (67, 2022-01-05)
public\static (0, 2022-01-05)
public\static\favicon.ico (3870, 2022-01-05)
public\static\logo192.png (5347, 2022-01-05)
public\static\logo512.png (9664, 2022-01-05)
public\static\manifest.json (492, 2022-01-05)
scripts (0, 2022-01-05)
scripts\build.js (6694, 2022-01-05)
scripts\start.js (5104, 2022-01-05)
scripts\test.js (1352, 2022-01-05)
src (0, 2022-01-05)
src\App.css (596, 2022-01-05)
src\App.js (8373, 2022-01-05)
src\app (0, 2022-01-05)
src\app\resources (0, 2022-01-05)
src\app\resources\countryCoordinates.js (15388, 2022-01-05)
src\app\resources\helpers.js (4582, 2022-01-05)
src\app\resources\stateCoordinates.js (3605, 2022-01-05)
src\app\resources\webWorker (0, 2022-01-05)
src\app\resources\webWorker\scrubData.js (4213, 2022-01-05)
... ...

# Covid Timelapse A timelapse visualization of US Covid-19 data provided by the Center for Systems Science and Engineering (CSSE) at Johns Hopkins University The UI is still a bit buggy at times: - data is lazy-loaded in chunks so if the timeline goes faster than the data is loaded, no data will be displayed. All the data will be available on the second pass. - The play/pause button needs multiple clicks in quick succession to stop the timeline. I believe this is due to Reacts event loop, but I haven't figured out how to stop it from happening yet. ## Concepts Learned - CSV manipulation from URL - Dealing with large amounts of data (Over 1,000,000 datapoints and counting) - DeckGL layers and animations - `requestAnimationFrame()` loops in React - `useEffect()` vs `useLayoutEffect()` - Web worker implementation for processing CSV data - Memoization with `useMemo()` and `useCallback()` hooks

近期下载者

相关文件


收藏者